WordPress - 插入jQuery函数

Question

我试图在wordpress中插入下面的函数，但它似乎不工作，而相同的函数在小提琴中工作。

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(); 
     }); 
    }); 
    }); 

我放在下面的代码在我的网页模板，WordPress的，它似乎并没有在你的代码工作

<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

有一些错误。

1. $('.results > li')回空的，因为没有.results > li元素Flower复选框
2. 你已经把flower为rel和div您使用flowers

您需要选择div容器image ，试试这个：

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