Utilisation de jQuery pour "clic" d'un élément li

J'ai un <ul> élément qui génère dynamiquement le <li> éléments et voulez simplement lancer un onclick événement

<ul id="results">
    <li class="device_result searchterm" data-url="apple-iphone-5s">
        <a href="#"> Apple iPhone 5s </a>
    </li>
    <li class="device_result searchterm" data-url="apple-iphone-5c">
        <a href="#"> Apple iPhone 5s </a>
    </li>
</ul>

J'ai la suite de jQuery dans un $(document).ready, mais il ne semble pas fonctionner - les idées de ce que je fais mal?

$("li .searchterm").click(function() {  
    console.log("testing");
});
  • nom de la classe doit être ajouté à un élément. li.searchterm
InformationsquelleAutor Zabs | 2013-09-30
  1. 16

    si vous ajoutez dinamically mettre le clic sur la liste, mais de sélectionner les éléments:

    $("#results").on("click", ".searchterm", function(event){
    console.log('clicked');
});

    essayer le violon: http://jsfiddle.net/emPKS/

    InformationsquelleAutor Edorka
  2. 11

    Supprimer l'espace dans le sélecteur

      $("li.searchterm").click(function() {    
   console.log('testing');
});

    et Vous pouvez également utiliser .on pour fixer l'événement spécifique pour les éléments qui correspondent

      $("li.searchterm").on("click",function() {    
   console.log('testing');
});

    Js Fiddle

    • omg.. ai-je simplement faire que EPIC fail alors lol 🙂 merci à Sachin - très apprécié!
    InformationsquelleAutor Sachin
  3. 4

    Utilisation .sur()

    Que votre contenu est ajouté dynamiquement de sorte qu'il n'est pas accessible directement ,de Sorte que vous avez à utiliser l'Événement de la délégation.

    $('#results').on('click','li.searchterm',function() {    
    console.log('testing');
});
    • wow tellement de nombreuses réponses rapides grâce Tushar
    • bienvenue Heureux de vous aider 🙂
    InformationsquelleAutor Tushar Gupta - curioustushar
  4. 2

    Soit ne

    $( "li .searchterm" ).on('click', function() {    
   console.log('testing');
});

    OU

    <li class="device_result searchterm" data-url="apple-iphone-5s" onclick="clickFunc(1)">
   <a href="#">Apple iPhone 5s</a>
</li>
<li class="device_result searchterm" data-url="apple-iphone-5c" onclick="clickFunc(2)">
   <a href="#">Apple iPhone 5s</a>
</li>

    Et le Javascrip

    function clickFunc(id) {
   console.log('Do something with ' + id);
}
    InformationsquelleAutor zzlalani
  5. 1
    $( "li.searchterm" ).on('click',function() {    
   console.log('testing');
});
    InformationsquelleAutor kasper Taeymans
  6. 0

    Vous pouvez le faire sans affecter l'id ul 

    $('ul').on('click','li.searchterm',function(){
//do your stuffhere;
});
    InformationsquelleAutor Mohsin Shoukat