問題タブ [quicksand]

流砂がそれらを配置した後、私は要素の数を返そうとしています

http://razorjack.net/quicksand/

これはちょっとうまくいくはずです

しかし、前に設定した長さを取得しています。たとえば、4があり、クリックすると2になり、カウントは4になり、次のクリックでは2になります。カウントが遅れているようです

私は何を間違っているのですか？

そのため、新しいワードプレス Web サイトで流砂プラグインを構成して、ポートフォリオ セクションで使用しています。

すべてを構成しましたが、動作しています。ここでライブを見ることができます：

http://www.tipoos.com/new/?page_id=43

問題：

サイトで実行している jQuery スクリプトが他にもあります。たとえば、画像にカーソルを合わせると、ポートフォリオ アイテムのサムネイルが表示されます。ページを最初に実行したとき、ホバー画像は機能していますが、並べ替えの流砂機能をトリガーしてアイテムをフィルターするたびに、サムネイルのホバー画像効果が機能しなくなり、これは本当に面倒です..

おそらくjQueryの競合か何かに関係していると思いましたが、何を試してもうまくいきませんでした-どこにも答えが見つかりませんでした...

ここに、流砂の設定を含む、サイト内のすべてのスクリプトを含む私の JavaScript ファイルがあります: https://dl.dropbox.com/u/4405634/functions.js

誰かが助けてくれれば、私は幸せです。

完全に機能している流砂を含むポートフォリオ ページがあります。さらに楽しくするために、prettyPhoto を追加しましたが、これも完璧に機能しました。

しかし今、画像にホバー効果を追加しました。動作していますが、フィルターで並べ替えると、ホバー効果がなくなりました。私はそれが Firebug で動いているとさえ思いません。

.js ファイルの読み込み -> jquery、quicksand、prettyphoto、ホバー機能。php ファイル (ワードプレス) は次のようになります。

php ファイルの残りの部分:

必要なものがすべて揃っていることを願っています。これらのリンクは既に確認しましたが、何をすべきか本当にわかりません... 流砂プラグインによるホバー効果

jqueryライブホバー

jQueryベースのポートフォリオホバーを失わずにjQuery流砂(ソート)を適用する方法は?

.click メソッドを使用した jQuery クイックサンド プラグイン

前もって感謝します ！

jQueryの流砂

「ヴォーグ」のような限定アイテムを先に開けたい。in here is open "all" プログラムの変更点は? 私を助けてください

探している方 はこちらへ1

ここに行く2

私はいくつかのサイトで jQuery quicksand プラグインを使用しており、いくつかのチュートリアルでそれを使用して、lis をタイプ別に自動的にソートしています。

私のウェブサイトでは、次の 2 つの場所でプラグインを使用しています。

http://www.adygraph.co.il/index.php/2012-07-12-15-50-40

http://www.adygraph.co.il/index.php/customers

どちらの場合も、アニメーションのジャンプを除いて、プラグインはうまく機能します。私は多くの解決策を試しましたが、それでも起こります。

UL の高さが変更されていないだけで、あるべき高さから *5 だけ変更されただけで、より多くのエラーが発生しました。

誰でも助けてもらえますか？

こちらの作業デモをご覧ください：

jQueryQuicksandデモ

ファイルのソースはここからダウンロードできます。

これにより、次の方法でデータが並べ替えられます。

私はそれをこのようにソートして表示しようとしています：

cssを変更して、4列ではなく3列で表示するようにしました。しかし、ソートアルゴリズムに従って、それをどのように行うことができるかを提案していただけますか？

流砂の例を使用しています

http://razorjack.net/quicksand/demos/one-set-clone.html

そして、それはうまく機能します。

ただし、彼は古いバージョンの jquery を使用しています。

JQuery + Quicksand プラグインを追加しようとしましたが、完全に機能しなくなりました。

フィルタをクリックすると、次のエラー メッセージが表示されます。

削除しようとしましeasing: 'easeInOutQuad'たが、何も起こりません。

何がうまくいかなかったのですか？

アップデート1:

プラグインを見逃しただけだと思った

しかし、フィルターをクリックするとすべてが隠れてしまいますが、API は変更されたのでしょうか?

イベントのあるモデルには「ビュー」がありますclick。jQuery の Quicksand エフェクト プラグインを使用した後、オブジェクトはイベント ハンドラーを失います。backbone.js の標準メソッドを使用して、イベントのリスナーを追加しようとしました。

および同じツール jQuery delegate:

とlive:

しかし、clickイベントは消えます。何が問題なのですか？そして、どうすれば解決できますか？

UPD: 'Quicksand' の呼び出しは Backbone.Router にあるため (変更される可能性は、Backbone ではなく jQuery を使用して直接取得されます)、変更は Backbone.View では処理されません。

UPD 2:問題は次の方法で解決されます -clickイベントの処理をビューモデルからビューコレクションに移動することによって。とライブで扱われました(で動作しませんでしたon)

固定ではなくパーセンテージ寸法に設定されているコンテナでQuicksandプラグイン（http://razorjack.net/quicksand/）を使用する方法はありますか？正常に機能しますが、アニメーションが正しく機能しません。

ありがとう。