Recours à des éléments ISOtope après recherche

Question

Je développe un nouveau temple de la renommée pour les blaireaux du Wisconsin. Ma version bêta est visible à http://www.uwbadgers.com/athletic-dept/hall-fame-beta.html

Ma question est, lorsque la fonction de recherche est utilisée, comment amener les éléments visibles vers le haut. Il montre les éléments corrects et utilise l'affichage: aucun pour cacher les autres. Cependant, il ne repositionne pas les éléments après la recherche et l'affichage: aucun élément ne prend encore de la place.

Cela a à voir avec le style "-webkit-transform" utilisé par les isotopes. Comment puis-je changer cela ou y a-t-il une meilleure façon de chercher avec isotope?

J'utilise http://lomalogue.com/jquery/quicksearch/ pour la recherche comme je ne pouvais pas penser à un moyen de le faire avec isotope seul.

Answer 1

J'utiliser show et hide options de Quicksearch ajouter des classes appropriées qui peuvent être utilisées pour le filtrage par Isotope

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