gpt4 book ai didi

jquery - 同位素 : reset all combination filters

转载 作者:行者123 更新时间:2023-12-03 22:17:38 25 4
gpt4 key购买 nike

我有一个同位素组合过滤器设置,其中包含多个数据过滤器组,每个数据过滤器组都有一个休息/显示所有列表项:

<li><a href="#" data-filter="*">Show all</a></li>

有办法重置所有数据过滤器组 - “重置全部”链接吗?

我当前的 JavaScript 是:

        var $container = $('.content ul.sort'),
filters = {};

$container.isotope({
itemSelector : '.dynamic-filter'
});

// filter buttons
$('.filter a').click(function(){
var $this = $(this);
// don't proceed if already selected
if ( $this.hasClass('selected') ) {
return;
}

var $optionSet = $this.parents('.option-set');
// change selected class
$optionSet.find('.selected').removeClass('selected');
$this.addClass('selected');

// store filter value in object
// i.e. filters.color = 'red'
var group = $optionSet.attr('data-filter-group');
filters[ group ] = $this.attr('data-filter-value');
// convert object into array
var isoFilters = [];
for ( var prop in filters ) {
isoFilters.push( filters[ prop ] )
}
var selector = isoFilters.join('');
$container.isotope({ filter: selector });

return false;
});

有什么想法吗?

<-- 编辑-->

似乎已经找到了我自己的问题的答案:

        $(".isotope-reset").click(function(){
$(".content ul.sort").isotope({
filter: '*'
});
});

最佳答案

由于发帖者没有将他的答案放在答案中,因此这里是为那些看到这个问题但没有看到答案的人

<小时/>

以下代码重置同位素过滤器:

$(".isotope-reset").click(function(){
$(".content ul.sort").isotope({
filter: '*'
});
});

关于jquery - 同位素 : reset all combination filters,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10297558/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com