您好我正在使用jQuery Isotope,我有一个这样的过滤器:
<ul class="filter option-set " data-filter-group="date">
<li><a class="selected" href="#filter-date-January" data-filter-value=".January">January</a></li>
<li><a href="#filter-date-April" data-filter-value=".April" class="">April</a></li>
<li><a href="#filter-date-any" data-filter-value="" class="">ALL</a></li>
</ul>
即使我对第一个项目使用“已选择”类,但这些项目不会按该条件进行过滤,而是显示所有项目。 我还有什么办法可以让它发挥作用吗?
提前致谢。 路
答案 0 :(得分:0)
您可以拆分初始化和过滤。 我更喜欢在一个单独的函数中处理过滤,即:
$(function() {
// isotope init
$(container).isotope({
itemSelector: '.item',
animationOptions: {
duration: 750,
easing: 'linear',
queue: false
}
});
filterItems(); // filter onload
});
var selectedDate = '.January'; // update this var with your UI
var filterItems = function() {
$('ul.option-set li a').each(function(i, a) {
if($(a).data('filter-value') == selectedDate) {
$(a).addClass('selected');
}
else {
$(a).removeClass('selected');
}
});
$container.isotope({
filter: '.selected',
isAnimate: true
});
};