スライダー付きアイソトープjQuery

Question

アイソトープjQueryを初めて使用しています。アイソトープをjQueryスライダーと統合したいと思います。これどうやってするの？

Answer 1

私は質問を通して明快さを得ることは、それに答えるのに役立つと思います。

私はShahzadがページ上にjqueryスライダー要素を望んでいると思う。このスライダー要素には値があります。 0からxまで。

アイソトープのフィルター要素を使用して、ユーザーがスライダーを異なる値に移動してWebページの特定の項目をフィルターに掛けるときに、アイソトープ効果を使用したいと考えています。

これでしょうか？そうであれば、私はこの答えにも興味を持っているので、どうやってやるだろう。 :)

Answer 2

これはクラス名と連動するので、スライダの範囲を設定するときにJqueryを使ってクラス名を追加することができます。

このような何か：スライダーの最小値は3であり、最大8：

• 3からの値を持つ各要素について（itemselectorとして使用される）隠れフィルタ
• の作成を8、 'showIt'のようなクラスを追加し、他のクラスのためにこのクラスを削除します。
• 隠しフィルタにデータフィルタ "showIt"属性を追加し、トリガ（ 'click'）します。

これはまだ純粋な理論ですが、多分私は完全に間違っています。私は自分で試してみます（私はいくつかのスライダがsimulatneously、十字架を働いているウェブサイトで働いています！）と動作するかどうかをお知らせします。