Pregunta

Tengo una serie de filtros de isótopos jQuery y una especie.Todos funcionan muy bien, pero me gustaría crear un botón de reinicio.

He intentado lo siguiente (http://stackoverflow.com/questions/10297558/isotope-reset-ally-combination-filters), pero si bien parece restablecer los elementos (en el segundo clic), lo haceNo restablecer los botones del filtro.

¿Fue útil?

Solución

Solo puedo asumir que significa "No se reinicia la apariencia de los botones de filtro" al escribir

[...] no restablece los botones del filtro.

Si ese es el caso, y la apariencia de sus botones de filtro está controlada por las clases CSS al igual que en los ejemplos de isótopos, simplemente debe eliminar dichas clases de CSS (ES) de los elementos del botón FILTRO cuando un usuario hace clic el "reinicio" -BOTTON.

en la fuente de e. gramo. Filtros de combinación de isótopos '-demostración Encontrarás el siguiente código que maneja todo sucediendo cuando se hace clic en uno de los botones de 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;
});

El código importante (con suerte) relacionado con su pregunta se puede encontrar en estas líneas:

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

  • La primera línea elimina todas las clases 'seleccionadas' de todos los elementos en $ Optionset (este último simplemente siendo un conjunto de botones dirigidos a una sola propiedad de filtro)
  • El segundo establece la clase 'seleccionada' para el elemento que el usuario hizo clic en
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top