que tienen una configuración de filtro de combinación de isótopos con una serie de datos de filtro de grupo de, cada uno con un descanso/Todos los elemento de la lista:Isótopos: restablecer todos combinación de filtros
<li><a href="#" data-filter="*">Show all</a></li>
es una manera de restablecer toda la data-filter-group's - ¿un enlace 'reset-all'?
Mi Javascript actual es:
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;
});
Cualquier idea?
< - Editar ->
parecen haber encontrado una respuesta a mi propia pregunta:
$(".isotope-reset").click(function(){
$(".content ul.sort").isotope({
filter: '*'
});
});
poner su respuesta en una respuesta real, por lo que puede seleccionarlo y la gente puede upvote que –