3

フィルタリングしたいアイテムのリストがあります。

<ul id="container">
    <li class="item filter">This is where I'd put my filters</li>
    <li class="item">Item 1</li>
    <li class="item">Item 2</li>
    <li class="item">Item 3</li>
</ul>

だから私はそれをそのように実行したい...

  $container.isotope({
    itemSelector : '.item'
  });

...しかし、私はのようなオプションが欲しいですignore: '.filter'。そのようなことは可能ですか?

全体の目標は、同じスタイルとトランジションを使用して、フィルターをコンテナー内に配置することです。

4

1 に答える 1

7
$container.isotope({
    itemSelector : '.item:not(.filter)'
});

:not()セレクターを使用するだけです。

編集:

あなたはそれを最初の同位体選択に含めたいと提案し、それがフィルター可能でないことを除いて同位体のアイテムとして機能するために-少なくともこれは私があなたを理解している方法です。
したがって、これを実現するには、元の状態を維持します。

$container.isotope({
    itemSelector : '.item'
});

そして後で、フィルターを実行するときは、常に, .filter
例を含めてください。

//Assume something got clicked, which had a data-filter attribute.
var filters = $(this).data('filter');
$container.isotope({
    filter: filters +', .filter'
});
于 2012-10-23T23:32:24.997 に答える