WordPress - Insérer une fonction jQuery

Question

J'essaie d'insérer la fonction suivante dans wordpress mais cela ne semble pas fonctionner alors que la même fonction fonctionne au violon.

jQuery

$(function(){ 
    $('div.tags').delegate('input:checkbox', 'change', function() { 
     var $lis = $('.photo').hide(); 
     //For each one checked 
     $('input:checked').each(function() { 
       $lis.filter('.' + $(this).attr('rel')).show(); 
     }); 
    }); 
    }); 

J'ai placé le code suivant dans mon modèle de page dans wordpress et il ne semble pas fonctionner

<script type="text/javascript"> 
    jQuery(function($){ 
    $('div.tags').delegate('input:checkbox', 'change', function() { 
     var $lis = $('.results > li').hide(); 
     //For each one checked 
     $('input:checked').each(function() { 
       $lis.filter('.' + $(this).attr('rel')).show(); 
     }); 
    }); 
}); 

</script> 

Answer 1

Il quelques erreurs dans votre code.

1. $('.results > li') retour à vide, car il n'y a pas .results > li éléments
2. dans Flower case à cocher que vous avez mis flower pour rel et div que vous avez utilisé flowers

Vous devez sélectionner les div conteneurs pour image , Essayez ceci:

jQuery(function($) { 
    $('div.tags').delegate('input:checkbox', 'change', function() { 
     var $div = $('div.photo').hide(); 
     $('input:checked').each(function() { 
      $div.filter('.' + $(this).attr('rel')).show(); 
     }); 
    }); 
});