Ich habe ein Isotopenkombinationsfilter-Setup mit einer Reihe von Datenfiltergruppen, jede mit einem Rest / Show All List Item:

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

Gibt es eine Möglichkeit, alle Datenfiltergruppen zurückzusetzen - einen Link zum Zurücksetzen aller Daten?

Mein aktuelles Javascript ist:

<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>

Irgendwelche Ideen?

<- Bearbeiten ->

Scheint eine Antwort auf meine eigene Frage gefunden zu haben:

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