Pourquoi jQuery ne sélectionne pas tous les éléments d'attribut?

Question

Je fais des onglets sur un site Web et j'installe jQuery pour exécuter la fonction quand un attribut est cliqué (ceci est seulement pour tester le sélecteur, tous les attributs ne seront pas utilisés dans le site web final). Aucun des attributs ne sera sélectionné après que je sois dans un certain div. Voici le code html:

<div id="content" class="content"> 
    <div id="image" style="border:2px solid;float:left">...</div> 
    <div id="backgroundInfo" style="margin-left: 5px;float:left">...</div> 
    <br> 
    <div id="medBackground" style="margin-left: 5px">...</div> 
    <div id="tabs" class="tabs"> 
     <a> Clowns</a> 
     <ul class="tab-links"> 
       <li class="active"><a href="#tab1">03/05/2001</a></li> 
       <li><a href="#tab2">06/05/2007</a></li> 
     </ul> 
     <div class="tab-content">...</div> 
    </div> 
</div> 

La liste a été généré en utilisant une boucle while. Tous les attributs sont sélectionnés à l'exception de ceux de div (class = tabs). Voici le jQuery:

jQuery(document).ready(function() { 
    jQuery('a').on('click', function(e) { 
     var currentAttrValue = jQuery(this).attr('href'); 

     // Show/Hide Tabs 
     jQuery('.tabs ' + currentAttrValue).show().siblings().hide(); 

     // Change/remove current tab to active 
       jQuery(this).parent('li').addClass('active').siblings().removeClass('active'); 

     e.preventDefault(); 
    }); 
}); 

J'ai obtenu ce code de: http://inspirationalpixels.com/tutorials/creating-tabs-with-html-css-and-jquery#step-jquery Si quelqu'un pouvait me aider à comprendre ce qui va mal ce serait génial. Je l'ai eu pour travailler sous une forme simplifiée mais pas sur mon site principal.

Answer 1

Je pense que vous avez utilisé la méthode .on() erroné pour une liste générée dynamiquement, essayer

jQuery(document).on('click', 'a', function(e){ 
    //your code 
}); 

Au lieu de

jQuery('a').on('click', function(e) { 
    //your code 
});