Isótopo: redefinir todos os filtros de combinação
Eu tenho uma configuração de filtro de combinação de isótopos com um número de grupos de filtro de dados, cada um com um item de lista de descanso / show all:
<code><li><a href="#" data-filter="*">Show all</a></li> </code>
É uma maneira de redefinir todos os grupos de filtros de dados - um link "redefinir tudo"?
Meu javascript atual é:
<code> 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; }); </code>
Alguma ideia?
<- Editar ->
Parece ter encontrado uma resposta para minha própria pergunta:
<code> $(".isotope-reset").click(function(){ $(".content ul.sort").isotope({ filter: '*' }); }); </code>