Cliquez sur document.ready

Question

J'ai une page filtrée en utilisant les liens 'rel = attributes. J'essaie de filtrer document.ready en fonction de l'attribut rel = du premier lien et à la place il charge tous les liens.

Si mon code piraté n'est pas une indication suffisante, je suis assez nouveau pour jQuery. Quelqu'un peut-il me pointer dans la bonne direction?

jQuery(document).ready(function(){ 

jQuery('.port-cat a:first').click(function(evt){  
     var clicked_first = jQuery(this).attr('rel'); 

     jQuery('#portfolio .post').hide(); 
     jQuery('#portfolio .' + clicked_first).fadeIn(400); 
    }) 
}); 

Comme demandé: voici mon code HTML en un mot, avec $ new_tags tirer des balises et en plaçant comme link rel = attributs comme ceci:

<a href="#" rel="web">Web</a> 

HTML:

<div class="portfolio"> 

<span class="port-cat"><?php echo $new_tags; ?></span> 

Answer 1

Vous utilisez un sélecteur de classe sur l'attribut rel:

jQuery('#portfolio .' + clicked_first).fadeIn(400); 

, vous voulez au lieu de le faire:

jQuery('a[rel=' + clicked_first + ']).fadeIn(400); 

Mais je soupçonne que ce n'est pas la vraie réponse à votre problème. Il serait utile de voir votre code HTML ou d'avoir une meilleure description de ce que vous essayez de faire.

Answer 2

Vous définissez l'attribut rel sur clicked_first, puis vous le rappelez en tant que classe. Voici un exemple de comment appeler par attribut rel: using variables in rel attribute in jquery selector