問題タブ [jquery-ias]
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.
jquery - AJAX 呼び出し後の無限スクロールをリセット / 無効にする
フィルタリング付きのinfinite-ajax-scroll(https://github.com/webcreate/infinite-ajax-scroll)プラグインを使用しています。私は無限スクロールで動作するフィルターを持っていますが、私の問題は、スクロールが1つのフィルターの結果の最後を取得するたびに、別のフィルターが選択された後でもスクロールしなくなることです。したがって、フィルターが選択されているときに無限スクロールをリセットする必要がありますが、これをリセットする方法に関するドキュメントのどこにも見つからず、JQuery が得意ではないため、これを理解できません。
また、無限スクロールを必要としない特定のフィルターもあり、それらを無効にする方法も必要です。
jquery-ias - 非同期ロードされたコンテンツで jquery-ias を使用する
jQuery Infinite Ajax Scroll プラグインを開発サイトに統合することにある程度成功しました。最初は左側のスレッド リストで、2 番目は個々のトピックをロードするときに 2 回使用されますが、2 番目のias
インスタンスで問題が発生しています。ここ。
基本的に、トピックのコンテンツは $.get を介して読み込まれ、ページにレンダリングされます。次にsetupThreadDetailDownwardScroll()
、ias のインスタンスを作成する JS でトリガーします。
しかし、問題は、最初にロードしたトピックが何であれ、これが機能することです。最初のスレッドでページネーションが機能しますが、次のスレッドを開いたときにアンカー リンクにフォールバックします。
したがって、この新しいコンテンツが挿入されたら、ias を再バインドする必要があると考えました。これが、 にunbind()
呼び出しを追加した理由であり、別のスレッドがロードされるたびrendered
に再呼び出しします。setupThreadDetailDownwardScroll()
これもうまくいきません。
ここに正しい手順はありますか?
jquery-ias - Infinite AJAX Scroll - 余分な html ファイルなしの無限スクロール
Infinite AJAX Scroll スクリプト (www.infiniteajaxscroll.com) の例では、ページネーションに使用されている追加の html ファイルがあります。ページ上で (PHP を使用して) アイテムを動的に作成する予定です。これに対する解決策はありますか?
jquery-ias - 横向きのページで無限 AJAX スクロールを使用するにはどうすればよいですか?
横向きのページで無限 AJAX スクロール ( http://infiniteajaxscroll.com/docs/overview.html )を使用するにはどうすればよいですか?
wordpress - 無限の Ajax スクロール: 歴史の難しさ
無限スクロールを実装しようとして苦労した後、Infinite Ajax Scroll を購入しましたreplaceState()
。次のコードを使用して、正しく動作するようにすべてをセットアップすることができました。
お気づきかもしれませんが、私はこれを Metafizzy の Isotope プラグインと一緒に使用しています。私はWordpress内でもそれを使用しており、これを典型的なWordpressのページネーションにフックしています.
すべて正常に動作しているように見えますが、意図したとおりに動作しません。私の想定では、http://tumbledry.org/のように機能し、しばらくスクロールした後、ページを離れ、ブラウザでクリックして戻ると、クリックしたときとまったく同じ位置にユーザーが移動します。リンクで。プラグインが使用されているようですreplaceState()
WordPress がデフォルトでページネーションに使用するのと同じ URL 構造 (example.com/page/2) を使用します。これが意図的なものなのか、偶然なのかはわかりません。この結果、投稿をクリックしてブラウザの戻るボタンを押すと、実際には example.com/page/2 ページに移動し、ページの上部に新しい投稿を表示するボタンがあります. 元の投稿ページに移動したり、投稿がクリックされたページ上の正確な場所に移動したりしません (通常、ページの下部に移動します)。さらに、ページの上部にあるボタンをクリックして新しい投稿を表示すると、新しい投稿がページの下部に追加されます (コードで確認できます)。
タンブルドリーブログが機能するように、これが機能することを望みます。リンクをクリックしてから戻るボタンをクリックすると、ページの正確な場所に移動できます (新しい投稿を読み込む必要はありません)。これが可能かどうか、または実装に失敗したかどうかをお知らせください。機能に関する詳細な情報をいただければ幸いです。希望どおりに動作させる方法を知りたいからです。
jquery - JQuery IAS Infinite Scrolling + Packery: IASCallbacks が定義されていません
Tumblr テーマ デザインでJquery Infinite AJAX スクロールを使用して Packeryを実装するのに問題があります。「Uncaught ReferenceError: IASCallbacks is not defined」が返され続け、その理由を特定できませんでした。
これは私がまとめたものですが、Javascript はそれほど得意ではありません。
誰かが助けてくれれば幸いです。http://digitalsocialnetwork.tumblr.com/のライブ ページをチェックしてください。
jquery-ias - ワードプレスの2投稿ごとに無限のAjaxスクロールコンテンツを挿入
wordpress ブログに無限 ajax スクロールをインストールしましたが、正常に動作しています。
私が問題を抱えていることの 1 つは、2 回目の投稿ごとにコンテンツを追加するように投稿を設定していることです。これは最初のページでは正常に機能しますが、無限スクロールが開始されるとすぐに、2 つ目のオプションごとにコンテンツが読み込まれなくなります。
私は JavaScript があまり得意ではありません。アドバイスをいただければ幸いです。onRenderComplete: を使用できることを読みましたが、これを実際にページに実装する方法がわかりません。
私の現在のコードは、次のように投稿で呼び出します:
その後は通常の事後操作です。
最後に私はこれを持っています:
どんな助けにも感謝します。
カーリー
javascript - 無限 ajax スクロール履歴の例のような以前のアイテムのロードを実装する方法
現在、投稿で無限の ajax スクロール機能を使用しようとしています。
ここで、無限 ajax スクロール履歴の例で実装されているような以前のアイテムをロードするためのリンクを作成したいと思います: http://infiniteajaxscroll.com/examples/history/page3.html (コンテンツの上にさらにアイテムをロードするを参照してください)。
私のコード:
Javascript:
HTML マークアップ
メソッドを試してみましjQuery.ias().prev();
たが、これを妨害するための明確なドキュメントがありません。
誰かが私のコードの何が問題なのか知っていますか? ありがとうございました!
infinite-scroll - jquery-ias - 履歴拡張ボタンのスタイリング
私は Infinite Ajax スクロール プラグイン ( http://infiniteajaxscroll.com/ ) を使用しています。
デフォルトでは、4 つの拡張機能 (トリガー、スピナー、ページング、履歴、この順序で) をすべて使用しています。プラグインは、すべてのページネーション リンク (サーバーによって生成された) を非表示にし、上部にさらにアイテムを読み込むリンクを表示します (履歴プラグインによる)。およびコンテナーの下部 (トリガー プラグインによる)。
Trigger 拡張機能のリンク (テキストとクラスの両方) をオーバーライドできますが、History 拡張機能は同じ値を使用するため、コンテナーの上と下に同じボタンが表示されます。
History 拡張機能に同じパラメータを追加しようとしましたが、機能しません:
デフォルトのテキストとクラスをオーバーライドするために見逃したオプションはありますか?
乾杯、ゲザ