在搜索後使用ISOtope元素

Question

我正在爲威斯康星獾隊開發一個新的名人堂。我的測試版在http://www.uwbadgers.com/athletic-dept/hall-fame-beta.html

可見我的問題是，當使用搜索功能時，我如何將可見元素放在頂部。它顯示正確的元素並使用display：none來隱藏其他元素。然而，它不會在搜索和顯示之後重新定位元素：沒有元素仍佔用空間。

它與同位素使用的「-webkit-transform」風格有關。我如何去改變這個或者有沒有更好的方法來使用同位素進行搜索？

我正在使用http://lomalogue.com/jquery/quicksearch/進行搜索，因爲我無法想象如何用同位素單獨做到這一點。

Answer 1

我會使用快速搜索的show和hide選項添加可通過同位素

$('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'}); 
    } 
});