Izotop: wyzeruj wszystkie filtry kombinowane
Mam konfigurację filtra kombinowanego izotopów z wieloma grupami filtrów danych, z których każdy zawiera element listy wszystkich spoczynkowych / pokazowych:
<code><li><a href="#" data-filter="*">Show all</a></li> </code>
Czy można zresetować wszystkie grupy filtrów danych - link „reset-all”?
Mój obecny javascript to:
<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>
Jakieś pomysły?
<- Edytuj ->
Wygląda na to, że znalazłeś odpowiedź na moje własne pytanie:
<code> $(".isotope-reset").click(function(){ $(".content ul.sort").isotope({ filter: '*' }); }); </code>