1

ウィスコンシンバジャーズの新しい殿堂を開発中です。私のベータ版はhttp://www.uwbadgers.com/athletic-dept/hall-fame-beta.htmlで見ることができます

私の質問は、検索機能を使用するときに、表示されている要素を一番上に表示するにはどうすればよいかということです。正しい要素を表示し、display:none を使用して他の要素を非表示にします。ただし、検索後に要素を再配置することはなく、display:none 要素は依然としてスペースを占有します。

同位体が使用する「-webkit-transform」スタイルに関係しています。これを変更するにはどうすればよいですか、またはアイソトープを使用して検索するより良い方法はありますか?

同位体だけでそれを行う方法が思いつかなかったので、検索にhttp://lomalogue.com/jquery/quicksearch/を使用しています。

4

1 に答える 1

2

クイックサーチ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'});
  }
});
于 2011-07-20T20:22:23.887 に答える