web-dev-qa-db-ja.com

公開されたフィルターによるjQuery効果

私は露出されたフィルターでビューを作成しようとしています、ここで：

  1. オプションは、メニューのようにテキストリンクとしてリストされます。
  2. リンクをクリックすると、ページが自動的に更新されます
  3. jQuery効果がシームレスに「並べ替え」、アイテムをスムーズに削除するように見える

例： http://thisiseyeweb.co.uk/our-work#filter=.e-commerce

ビューでより良い公開フィルターと設定を使用して1と2を解決しました。メニューを構成するリンクのリストと、表示内容を変更するajaxアクションを作成できます。しかし、上記のリンクのように、「フェードアウト」を表示したり、きれいに削除したりできないアイテムを作成することはできません。

どうもありがとう。

7ajaxjavascriptviews
3
John

あなたはこれを見てみたいかもしれません https://drupal.org/project/views_quicksand

このプラグイン http://razorjack.net/quicksand/ をビューと統合します。

それが役に立てば幸い。

2
Samshel

同位体の仕事のように見える http://isotope.metafizzy.co/

これはDrupal実装 https://drupal.org/project/isotope のモジュールです。

これはビュー用です

https://drupal.org/project/views_isotope

1
Fahad Ur Rehman

ええと、ビュー表示フィルターの通常の動作ではそれはできないと思います...私の推測では、JSで自分ですべてを行うことでしょう。

  1. フィルターなしなど、すべてのアイテムを表示する
  2. どういうわけか、クラスを行に追加して、フィルターに掛けるデータを識別します
  3. フィルターアイテムをビューの添付ファイルまたはブロックにリストします
  4. どういうわけか、これらのアイテムにクラスを追加して、それらが表示するデータを識別します
  5. JSを追加して、アイテムのクラスの識別子を取得し、識別子のないすべての行をクリックするとフェードインします

しかし、誰かがもっとビューにやさしい答えを持っていることを願っています:)

0
Gregory Kapustin