Resetta i filtri e il tipo di isotopo jquery

Question

Ho un numero di filtri jquery Isotope e un tipo.Tutti funziona davvero bene, ma vorrei creare un pulsante di reset.

Ho provato quanto segue (http://stackoverflow.com/questions/10297558/isotope-reset-all-combination-filters), ma mentre sembra ripristinare gli elementi (al secondo clic), lo faNon resettare i pulsanti del filtro.

Answer 1

Posso solo supporre che significhi "Non resettare L'aspetto dei pulsanti del filtro" quando si scrive

.

[...] Non resetta i pulsanti del filtro.

Se questo è il caso, e l'aspetto dei pulsanti del filtro è controllato dalle classi CSS proprio come negli esempi di Isotope, è sufficiente rimuovere la classe CSS (ES) dagli elementi del pulsante del filtro quando un utente fa clic su il "reset" -Button.

nella fonte di e. g. Isotope's 'combination Filters'-Dimostration troverai il seguente codice che gestisce tutto accadendo quando si fa clic su uno dei pulsanti del filtro:

// 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;
});

.

Il codice importante (si spera) relativo alla tua domanda può essere trovato in queste linee:

$optionSet.find('.selected').removeClass('selected');
$this.addClass('selected');

.

.
• La prima riga rimuove tutte le "classi selezionate" da tutti gli elementi in $ optional (quest'ultimo semplicemente essere un set di pulsanti che mirano a una singola proprietà del filtro)
• Il secondo imposta la "classe selezionata" per l'elemento L'utente ha fatto clic su