問題タブ [quicksand]

ここにあるようにポートフォリオページを作ってみました。これらのフィルター項目のいずれかをクリックすると、何も起こりません。アニメーション効果も、新しい並べ替えもありません..何もありません! これを修正するのを手伝ってもらえますか?

動的コンテンツ ローダーのコードは次のとおりです。

これはソートコードです。

html 構造;

クイックサンド プラグインを使用してポートフォリオ アイテムをフィルター処理していますが、この #w div を動的コンテンツ ローダーに配置すると、機能しなくなりました (フィルターを意味します。フィルターをクリックしても何も起こりません) 。

これは私のポートフォリオ ページの作業サンプルです。コンテンツ ローダーから取り出したものです。

私のポートフォリオ項目 -html;

コンテンツ ローダー コード:

こんにちは、流砂フィルターとプラグインによる並べ替えを私のウェブサイトに統合しようとしています。しかし、このエラーが発生しています：

キャッチされていないエラー: 構文エラー、認識されない式: [オブジェクト オブジェクト]: チェック済み

これが私のコードです：

そして私のHTML：

ここにあるチュートリアルを使用して、フィルター可能なポートフォリオを作成しました: http://zoerooney.com/blog/web-development/filtering-portfolio-quicksand-taxonomies/#comments

すべてが機能していますが、ページごとに投稿を設定できません。私のポートフォリオは、Setting>Reading>Blog Pages Show at Most で設定された数だけ表示されます。

'posts_per_page' =>'-1' を使用してみましたが、うまくいきません。多分私はそれを間違った場所に持っています。

これは、カスタム投稿タイプとポートフォリオ アイテムのカテゴリの関数ファイル内のコードです。

そして、これは私がポートフォリオページに使用しているコードです:

ブートストラップ テンプレートを購入し、それを Rails アプリに統合しようとしています。

順序付けられていないリストにいくつかのボタンがあります:

クリックされたときに画像を並べ替える:

ボタンをクリックすると、次のエラーが表示されます: Uncaught TypeError: Object [object Object] has no method 'quicksand' on Photographer.js file (最初の行):

assets/javascripts フォルダーに jquery.quicksand.js (バージョン 1.2.2) を含めます。他の誰かが同様の問題を抱えており、解決策は jQuery の 2 番目のコピーを削除することでした。2 つ目の jQuery ファイルを含めるかどうかはわかりませんが、少なくともアセットには何もありません。jquery.quicksand.js と jquery.easing.js だけです。これら 2 つのファイルを削除しようとしましたが、問題は解決しませんでした (そうするつもりだった場合)。

記録用の私のgemfileもここにあります：

何が間違っているのか、または他の情報が必要な場合はお知らせください。私のためにこれを探してくれてありがとう。

クリックすると詳細情報を表示するために、quicksand.js を使用して並べ替え可能なポートフォリオを構築しています。bootbox.js を使用しています。ポートフォリオ ブートボックスを並べ替えると、機能しなくなります。

ここで実際の動作を確認できます。ポートフォリオ セクションまでスクロールし、画像の 1 つをクリックして正しく機能することを確認してください。次に、並べ替えて再試行すると、私の問題が表示されます。

更新: コンソールを使用して問題の原因を特定しましたが、エラーを完全には理解できません。ある時点で jquery migrate を使用して、quicksand 機能を作成する必要がありましたが、これは問題の一部です。エラーは次のとおりです。

これが私のJavaScriptです：

そして私のhtml：

誰かが見ることができれば、私はこれで運がなかった。