我正在尝试用同位素过滤项目。这些项目位于不同的 div 中,但由于某种原因,过滤器仅适用于第一个 div。这是我的代码:
<div id="articles">
<div class="article-wrap">
<div class="article cat-1"></div>
<div class="article cat-2"></div>
<div class="article cat-3"></div>
...
</div>
<div class="article-wrap">
<div class="article cat-1"></div>
<div class="article cat-2"></div>
<div class="article cat-3"></div>
...
</div>
</div>
我的JavaScript:
$(document).ready(function() {
$('#articles .article-wrap').isotope( 'reloadItems' ).isotope({sortBy: 'class'});
$('#filters li a').click(function(){
var selector = $(this).attr('data-filter');
$('#articles .article-wrap').isotope({ filter: selector });
return false;
});
});
我究竟做错了什么?
提前致谢
毛罗