問題タブ [quicksand]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
361 参照

javascript - クエリ文字列を使用した流砂のフィルタリング

参考までに、私は JavaScript が苦手で、クエリ文字列に頭を悩ませることができません。

私の質問はQuicksand http://razorjack.net/quicksand/index.htmlに関するものです

javascript を使用してhttp://razorjack.net/quicksand/scripts/main.jsを変更して、受信 URL を介して指定されたフィルターに基づいて並べ替えるにはどうすればよいですか。

デモの指定されたフィルター:

種類別にフィルター: すべて、アプリケーション、ユーティリティ

並べ替え: 名前、サイズ

したがって、受信 URL は、使用するパラメーターに応じて次のようになり、デフォルト ビューが上書きされます。

razorjack.net/quicksand/index.html?Type=Everything&Sort=サイズ

razorjack.net/quicksand/index.html?Type=ユーティリティ&ソート=名前

0 投票する
2 に答える
913 参照

jquery - jQuery 流砂の並べ替え

iossliderを使用した 120 枚の画像 (130x130px) の長いパネルで、タッチ スワイプ スライドを提供します。jQueryクイックサンドを使用して、4 列にあるブロックのコレクションを並べ替えています。そのため、それらを複製し、アイテム ブロックを抽出し、並べ替えて、列 (パネル) に再度追加する必要があります。

CSS...

Javascript:

並べ替えが機能しておらず、wrapAll が囲んでいるパネル div を追加していません。かなり長い間これを見てきましたので、アドバイスをいただければ幸いです。

どうもありがとう、

奪う。

0 投票する
1 に答える
424 参照

jquery - この方法で jQuery Quicksand プラグインを使用するには?

デモはシンプルに見えますが、ボタンをクリックするとアニメーションが 1 回だけ表示されます。問題は、「destination」を「source」に変更するにはどうすればよいですか? (項目が 2 セットあるはずです)

Javascript:

HTML:

0 投票する
2 に答える
140 参照

javascript - jQuery Quicksand は、アニメーションの overflow:auto を無視します

jQuery プラグインの Quicksand を使用して、ユーザーがアクセスできるドキュメントをいくつかリストしています。数百のドキュメントがあるため、最初からいくつかだけを示します。

リスト (ul) は、一度に約 20 のドキュメント タイトルを表示するように作成され、残りは非表示になっています。このように。リストの一番下にはShow moreへのリンクがあり、それを押すとさらに多くのタイトルが読み込まれます。リストの高さを拡張する代わりに、親 div にはoverflowvalue のプロパティがありますauto

リストは JavaScript によって作成され、MySQL データベースからドキュメントをロードし、指定された数以外のすべてのドキュメントを非表示にします。"Show more" (スウェーデン語で "Visa fler"、写真に示されているように) を押すと、文書がリロードされ、いくつかの追加文書が非表示機能から除外されます。

問題はこれです: [もっと表示] を押すと、より多くのタイトルが読み込まれますが、リストは無視され、このoverflow: autoようにリストがページ全体に展開されます。1 秒ほど後、ロードが完了すると、-property が適用され、すべてが正常に機能しますが、ロード時に見栄えがよくありません。overflow

これを解決する方法はありますか?他に何か知る必要がありますか?

前もって感謝します!

0 投票する
2 に答える
96 参照

javascript - コールバックが必要です、方法がわかりません

私の問題はこれです。<li>サイド<ul>要素のリストを作成します。thouse<li>要素の1つをクリックすると、他の要素は消えます。をクリックする[See all items]と、前のリストが表示されます。しかし、他の要素をクリックしても、何も起こりません。これは、新しい要素をクリックしたときに何をすべきかわからないためです。コールバックが必要です!しかし、このコールバック関数に何を書き込む必要があるのか​​わかりませんか?!

私のコード: http: //jsfiddle.net/cRcNB/。JSセクションには、easying.jsとquicksand.jsがあります。下にスクロールすると(ずっと)、私の(ショート)コードが表示されます。:)

質問に応じて、ここにコードを投稿します。

HTML

Quiksand1.3.jsとEasing.jsも必要です。

0 投票する
1 に答える
1454 参照

jquery - Jquery Quicksand とページネーションの組み合わせ

Wordpress Web サイトで、フィルター可能な流砂ポートフォリオとページネーションを組み合わせようとしています。私はたくさん検索しましたが、Wordpress の標準的なページネーションの例がいくつかありますが、これらの例では、ページネーション用に別の URL をロードし、ポートフォリオ アイテムに対して新しいクエリを実行しています。流砂フィルターは、その特定のページのクエリであるアイテムに対してのみ機能します。クイックサンド フィルターをすべてのポートフォリオ アイテムで動作させ、他のページのアイテムでも動作させたいので、ある種の ajax ページネーションが必要です。

http://www.cofoto.tk/portfolioで何かを設定しました。jPage のページネーションは機能しますが、フィルターをクリックすると、ポートフォリオのコンテンツが動的に変化し、ページネーションが機能しなくなります。コンテンツが変更され、現在表示されているコンテンツに基づいてページネーションを再開する必要があることをフィルターがページネーションに伝えるようにしたいと思います。この特定の問題に関する技術的なスキルが不足しているため、誰かがこれを手伝ってくれることを望んでいました.

事前に感謝します。さらに情報が必要な場合はお知らせください。

アルネ

0 投票する
2 に答える
249 参照

jquery - TypeError:プロパティ'$'

jQueryでエラーが発生します。

これはjavascriptの19行目です。それは私にはうまく見えます。どんな考えでも素晴らしいでしょう!$ filter = $('。filterli.active a')。attr('class');

私は次のようにjQueryを呼び出しています...

0 投票する
1 に答える
816 参照

javascript - ajax 呼び出しから返されたデータを UL に追加し、jQuery のクイックサンドを更新する

ユーザーのリストを作成しており、jQueryクイックサンドを使用して、ajax リクエストから返されたデータに基づいて UL を更新しようとしています。

データは次のように要求されます。

返されるデータは JSON 文字列で、各ユーザーは「user_id」によって定義されます。JSON データ (未フォーマットで申し訳ありません):

私のhtmlページでは、流砂リストを次のように準備しています:

私は今、すべての ajax リクエストで UL を更新したいと考えています。返されたデータを保存し、個別の「ユーザー」を個別の LI アイテムに追加するにはどうすればよいですか?

私は次のことを試しましたが、うまくいきませんでした:

各 LI アイテムの正しいデータがすべての ajax リクエストで DOM に取り込まれていることがわかりますが、すぐに消えて最初の LI アイテムだけが表示されることに注意してください

0 投票する
1 に答える
125 参照

javascript - アニメーション時に流砂の余白が変化する

サイトでの作業

http://lsmcreative.co.nz/

ナビゲーションを使用して親指をフィルタリングすると、面白いバグが発生します。アニメーション化すると、画像が左に奇妙な動きをします

コンテナはドキュメントのように相対的な位置にあり、何が起こっているのかわかりません

私のコードはこのようなものです

メニューのボタンをクリックすると、ほとんどの場合、親指が 200px ほど左に押し出されて元の位置に戻りますか?