Ho un impostazione filtro combinato isotopo con un numero di dati-filtro-gruppo di, ciascuno con un periodo di riposo/mostrare tutti elemento della lista:Isotope: ripristinare tutte le combinazioni filtra
<li><a href="#" data-filter="*">Show all</a></li>
è un modo per ripristinare tutte le data-filter-group's - un link 'reset-all'?
mio javascript corrente è:
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;
});
Qualsiasi idea di?
< - Modifica ->
sembrano aver trovato una risposta alla mia domanda:
$(".isotope-reset").click(function(){
$(".content ul.sort").isotope({
filter: '*'
});
});
mettere la risposta in una risposta reale, in modo è possibile selezionarlo e la gente può upvote esso –