Восстановление элементов ISOtope после поиска

Question

Я разрабатываю новый Зал Славы для Висконсинских Барсуков. Моя бета-версия доступна для просмотра http://www.uwbadgers.com/athletic-dept/hall-fame-beta.html

У меня вопрос: когда используется функция поиска, как мне вывести видимые элементы наверх? Он показывает правильные элементы и использует отображение: ни один, чтобы скрыть другие. Однако он не перемещает элементы после поиска и отображения: ни один элемент не занимает места.

Это связано со стилем "-webkit-transform", который использует изотоп. Как мне изменить это или есть лучший способ поиска с использованием изотопа?

Я использую http://lomalogue.com/jquery/quicksearch/ для поиска, так как я не мог придумать, как это сделать с одним изотопом.

Answer 1

Я бы использовал опции show и hide quicksearch для добавления соответствующих классов, которые можно использовать для фильтрации по изотопу

$('input#id_search').quicksearch('div.member', {
  show: function () {
    $(this).addClass('quicksearch-visible');
  },
  hide: function() {
    $(this).removeClass('quicksearch-visible');
  },
  onAfter: function() {
    $container.isotope({ filter: 'quicksearch-visible'});
  }
});