Tôi có một thiết lập bộ lọc đồng vị kết hợp với một số dữ liệu lọc nhóm, đều có một phần còn lại/hiển thị tất cả mục danh sách:đồng vị: đặt lại tất cả tổ hợp lọc
<li><a href="#" data-filter="*">Show all</a></li>
phải là một cách để thiết lập lại tất cả các data-filter-group's - liên kết 'đặt lại-tất cả'?
javascript hiện tại của tôi là:
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;
});
Bất kỳ ý tưởng không?
< - Edit ->
dường như đã tìm thấy một câu trả lời cho câu hỏi của riêng tôi:
$(".isotope-reset").click(function(){
$(".content ul.sort").isotope({
filter: '*'
});
});
đưa câu trả lời của bạn trong một câu trả lời thực tế, vì vậy bạn có thể chọn nó và mọi người có thể upvote nó –