Как очистить фильтр поиска изотопов одним нажатием кнопки в jquery?

Question

Я пытаюсь очистить свой поисковый фильтр, не удаляя тексты в поле поиска, но используя кнопку. Поле поиска очищается, но все элементы в сетке больше не появляются.

Я попытался сделать кнопку очистки частью комбинированного фильтра и добавить data-filter = "*", но все равно выиграл ' t работает.

  <div class="button-group js-radio-button-group" data-filter-group="clear">
    <a class="button" id="clearme" data-filter="">Clear</a>
  </div>

Вот код, который я использую для очистки поля поиска:

$('#clearme').on( 'click', function() {
    $(".quicksearch").val("");
})

А вот и весь код

Answer 1

Вы можете попробовать что-то вроде

$("#clearme").click(function(){
    $(".grid").isotope({
        filter: '*'
    });
});

Это очистит все фильтры.

Answer 2

Проблема с повторной инициализацией изотопа в другом ответе заключается в том, что после щелчка по нему переопределяется функция фильтра, поэтому начальная функция, которую вы написали, сбрасывается и перестает работать, что является плохой идеей в ваших спецификациях c вариант использования.

Простой способ сделать это, не вмешиваясь в ранее созданную функцию фильтра, будет выглядеть примерно так:

$('#clearme').on( 'click', function() {
    $(".quicksearch").val("");
    $(".quicksearch").keyup();
})