問題タブ [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.
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=ユーティリティ&ソート=名前
jquery - この方法で jQuery Quicksand プラグインを使用するには?
デモはシンプルに見えますが、ボタンをクリックするとアニメーションが 1 回だけ表示されます。問題は、「destination」を「source」に変更するにはどうすればよいですか? (項目が 2 セットあるはずです)
Javascript:
HTML:
javascript - jQuery Quicksand は、アニメーションの overflow:auto を無視します
jQuery プラグインの Quicksand を使用して、ユーザーがアクセスできるドキュメントをいくつかリストしています。数百のドキュメントがあるため、最初からいくつかだけを示します。
リスト (ul) は、一度に約 20 のドキュメント タイトルを表示するように作成され、残りは非表示になっています。このように。リストの一番下にはShow moreへのリンクがあり、それを押すとさらに多くのタイトルが読み込まれます。リストの高さを拡張する代わりに、親 div にはoverflow
value のプロパティがありますauto
。
リストは JavaScript によって作成され、MySQL データベースからドキュメントをロードし、指定された数以外のすべてのドキュメントを非表示にします。"Show more" (スウェーデン語で "Visa fler"、写真に示されているように) を押すと、文書がリロードされ、いくつかの追加文書が非表示機能から除外されます。
問題はこれです: [もっと表示] を押すと、より多くのタイトルが読み込まれますが、リストは無視され、このoverflow: auto
ようにリストがページ全体に展開されます。1 秒ほど後、ロードが完了すると、-property が適用され、すべてが正常に機能しますが、ロード時に見栄えがよくありません。overflow
これを解決する方法はありますか?他に何か知る必要がありますか?
前もって感謝します!
javascript - コールバックが必要です、方法がわかりません
私の問題はこれです。<li>
サイド<ul>
要素のリストを作成します。thouse<li>
要素の1つをクリックすると、他の要素は消えます。をクリックする[See all items]
と、前のリストが表示されます。しかし、他の要素をクリックしても、何も起こりません。これは、新しい要素をクリックしたときに何をすべきかわからないためです。コールバックが必要です!しかし、このコールバック関数に何を書き込む必要があるのかわかりませんか?!
私のコード: http: //jsfiddle.net/cRcNB/。JSセクションには、easying.jsとquicksand.jsがあります。下にスクロールすると(ずっと)、私の(ショート)コードが表示されます。:)
質問に応じて、ここにコードを投稿します。
HTML
Quiksand1.3.jsとEasing.jsも必要です。
jquery - Jquery Quicksand とページネーションの組み合わせ
Wordpress Web サイトで、フィルター可能な流砂ポートフォリオとページネーションを組み合わせようとしています。私はたくさん検索しましたが、Wordpress の標準的なページネーションの例がいくつかありますが、これらの例では、ページネーション用に別の URL をロードし、ポートフォリオ アイテムに対して新しいクエリを実行しています。流砂フィルターは、その特定のページのクエリであるアイテムに対してのみ機能します。クイックサンド フィルターをすべてのポートフォリオ アイテムで動作させ、他のページのアイテムでも動作させたいので、ある種の ajax ページネーションが必要です。
http://www.cofoto.tk/portfolioで何かを設定しました。jPage のページネーションは機能しますが、フィルターをクリックすると、ポートフォリオのコンテンツが動的に変化し、ページネーションが機能しなくなります。コンテンツが変更され、現在表示されているコンテンツに基づいてページネーションを再開する必要があることをフィルターがページネーションに伝えるようにしたいと思います。この特定の問題に関する技術的なスキルが不足しているため、誰かがこれを手伝ってくれることを望んでいました.
事前に感謝します。さらに情報が必要な場合はお知らせください。
アルネ
jquery - TypeError:プロパティ'$'
jQueryでエラーが発生します。
これはjavascriptの19行目です。それは私にはうまく見えます。どんな考えでも素晴らしいでしょう!$ filter = $('。filterli.active a')。attr('class');
私は次のようにjQueryを呼び出しています...
javascript - ajax 呼び出しから返されたデータを UL に追加し、jQuery のクイックサンドを更新する
ユーザーのリストを作成しており、jQueryクイックサンドを使用して、ajax リクエストから返されたデータに基づいて UL を更新しようとしています。
データは次のように要求されます。
返されるデータは JSON 文字列で、各ユーザーは「user_id」によって定義されます。JSON データ (未フォーマットで申し訳ありません):
私のhtmlページでは、流砂リストを次のように準備しています:
私は今、すべての ajax リクエストで UL を更新したいと考えています。返されたデータを保存し、個別の「ユーザー」を個別の LI アイテムに追加するにはどうすればよいですか?
私は次のことを試しましたが、うまくいきませんでした:
各 LI アイテムの正しいデータがすべての ajax リクエストで DOM に取り込まれていることがわかりますが、すぐに消えて最初の LI アイテムだけが表示されることに注意してください。
javascript - アニメーション時に流砂の余白が変化する
サイトでの作業
ナビゲーションを使用して親指をフィルタリングすると、面白いバグが発生します。アニメーション化すると、画像が左に奇妙な動きをします
コンテナはドキュメントのように相対的な位置にあり、何が起こっているのかわかりません
私のコードはこのようなものです
メニューのボタンをクリックすると、ほとんどの場合、親指が 200px ほど左に押し出されて元の位置に戻りますか?