我试图在wordpress中插入以下函数，但它似乎不起作用，而同样的函数在fiddle中起作用。
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>
您的代码中有一些错误。
- 由于没有
.results > li元素，$('.results > li')返回空 - 在
Flower复选框中，您已将flower用于rel，在div中，您使用了flowers
你需要为image选择div容器，试试这个：
jQuery(function($) {
$('div.tags').delegate('input:checkbox', 'change', function() {
var $div = $('div.photo').hide();
$('input:checked').each(function() {
$div.filter('.' + $(this).attr('rel')).show();
});
});
});