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元素
2. 在Flower复选框中，您为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();
        });
    });
});