問題タブ [infinite-scroll]
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.
php - 重複するスクリプトを発生させずに.load()を繰り返し呼び出す
私はこれに苦労し、SOで同様の答えを探してきましたが、これを理解できないようです。
.load()を使用して外部PHPファイルからロードしているアクティビティフィードがあります。外部ファイルには、textarea内の文字をカウントし、次のような長い投稿を切り捨てるためのスクリプトが含まれています。
ページが最初に読み込まれるとき、すべてが完全に機能します。ただし、外部ファイルには、無限のスクロールを作成するためのスクリプトもあります。'href'には、ページングクエリ文字列が含まれています。
問題は、scroll関数が呼び出され、.loadが再度呼び出されるとすぐに、フィード内の以前のセレクターに適用されたスクリプトが「2倍」になることです。たとえば、.load()が呼び出されるたびに、jqEasyCounterに対応する2つのカウントダウンと、jTruncateに対応する2つの「more」があります。.loadが呼び出されるたびに、インスタンスの数が1ずつ増加します。
セレクターを使用してスクリプトを削除し、getscriptsを使用してファイルを適切にロードする方法について説明している他の投稿を読みました。しかし、.loadを繰り返し呼び出して結果を追加する場合、これをどのように行うのでしょうか。
これについての助けを本当にいただければ幸いです!
更新 OK、Kevinの提案に基づいて、外部ファイルからロードスクリプトを削除し、次のようにメインファイルに配置しました。
ロード後にページャーリンクを削除し、次にロードが呼び出されたときに最新のページャーリンクを使用しようとしています。残念ながら、スクロールするとスクリプトが1回起動し、ページがフリーズします。スクロールイベントを正しくバインドしているかどうかわかりません。代わりに.on()または.live()を使用する必要がありますか?
javascript - コンテンツがなくなったときに無限スクロールを終了する最も効率的な方法は何ですか?
次のように、ページの下部に到達すると、より多くのコンテンツを自動的にロードする Web アプリケーションがあります。
現在、利用可能なコンテンツがなくなったときに削除される親要素で「has-more」クラスを使用しています。
私はこのアプローチに満足していません。
jquery - fitvid.js が無限スクロールの 2 ページ目で動作を停止する (jquery isotope)
jquery isotope プラグイン (および無限スクロール) + fitvids.js をレイアウトで使用しています。ほとんどの場合は機能しましたが、問題は無限スクロールでロードされたページに含まれるビデオにあります.
最初のページの動画 #1 と #2 のサイズが変更されています
無限スクロール プラグインをロードした 2 番目のページの Vid #3 が無視されている
私のコード:
jqgrid - jqgrid無限スクロールページング
jqgrid とその tableogrid 拡張機能を使用して無限スクロール ページングを実装する方法があるかどうか疑問に思っていましたか? jqgridで通常のページングを実装できることは知っていますが、無限スクロールを行うには別のツールが必要ですか?
image - imagesLoadedメソッドがJQuery組積造と無限スクロールで機能しない
私はJQuery組積造を使用してきましたが、今は無限スクロールを追加しています。ほぼすべての石積みの「レンガ」に画像があり、無限スクロールを使用する前は、画像は正常に読み込まれ、すべてが素晴らしかったです。無限スクロール用のJavaScriptの次の部分を追加し、その中にimagesLoadedメソッドを追加しましたが、新しいブリックを追加すると、すべてが上に積み上げられて表示されます。私の仮定では、無限スクロールコールバックにimagesLoadedメソッドを適切に追加していませんが、エラーを見つけることができませんでした。これがコードです
最初のJQuery組積造呼び出しは正常に機能し、変更されていません。問題があると思われる2番目の部分です。ヘルプをありがとう、そしてあなたがより多くの情報を必要とするならば私に知らせてください。
jquery - will_paginate + Infinite Scroll プラグイン - 「読み込み中」メッセージを表示しない
無限スクロール jQuery プラグインwill_paginate
と組み合わせて gemを使用していますが、メカニズムはかなりうまく機能しています。唯一の例外は、新しいコンテンツが読み込まれたとき、またはすべてのデータが既に読み込まれているときに、情報メッセージを表示することです。このメッセージは表示されません。
will_paginate
これがgemによって生成された私のページネーション構造です:
そして、これは次のセットアップですInfinite Scroll plugin
:
マニュアルページですべてを設定する必要がありますが、理由がわかりません。情報メッセージとローダーがロードされていません...
すべての助けに感謝します!
jquery - Tumblr 画像の取得と無限スクロール機能の実装
夜、
私はこれで行き詰まりました.Tumblrの投稿画像を自分のテーマにインポートすることができ、Infinite-Scroll機能も機能させることができました. 唯一の問題は、無限スクロールが次の画像セットを取得する代わりに tumblr 画像をループすることです。たとえば、10 個の画像を何度もループする代わりに、各スクロールでオフセット 10 を取得します。
これがコード、pastebin URL です: http://pastebin.com/8GTtaMeX
これに関するヘルプは素晴らしいでしょう。
jquery - jQueryを使用して$.postを使用するページがさらにあるかどうかを検出します
ウェブサイトに無限スクロール機能を実装しようとしています。複数の div '.book' を含む div '#books' があります。これまでのところ、これはうまく機能しています:
ただし、すべてのコンテンツが読み込まれた後でも #lodinggif は一番下に残ります。pagex.html が存在しないことを検出して #loadinggif を非表示にする方法はありますか?
jquery - 無限スクロール jQuery プラグインが最後のページにデータを入力し続ける
私が直面している問題は、infinitescroll プラグインが最後の有効なページネーションに問題なく到達し、もう一度一番下までスクロールすると、最後の有効なコンテンツを再プルすることです。
つまり、ページ分割された有効なコンテンツ ページが 3 つある場合、
page/1 = ページ 1 のコンテンツを返します page/2 = ページ 2 のコンテンツを返します page/3 = ページ 3 のコンテンツを返します page/4 = ページ 3 のコンテンツを返します page/4 = ページ 3 のコンテンツを返します page/4 = ページ 3 のコンテンツを返します page/ 4 = ページ 3 のコンテンツなどを返します。
page/99 を入力しても、ページ 3 のコンテンツが返されます。
オンラインで調べたところ、存在しないページ分割されたページを呼び出そうとしたときに 404 を返すようにバックエンドを構成する必要があります。
これには2つの問題があります:
1) 私のクライアントのサイトは SquareSpace.com でホストされています (彼らは 404 またはバックエンドへのアクセスをまったく提供していません)
2) アクセスできたとしても、それを修正する方法がわかりません。
これが問題であることを説明する記事へのリンクは次のとおりです。
https://github.com/paulirish/infinite-scroll/issues/49
誰かが私を助けることができれば、私はとても素晴らしいです!
javascript - 無限スクロール+.on()関数のトラブル
「inview」カスタムイベント(https://github.com/protonet )によってトリガーされたときに、動的にロードされたコンテンツ(Infinite Scrollスクリプト:http ://www.infinite-scroll.com/を介して)のスタイルを設定しようとしています。 /jquery.inview)。
私のコードは次のようになります:
はっきりとわかるように、$。dataルーチンは、選択フィルターの各要素に対して.on()イベントハンドラーが複数回実行されないようにするために使用されます。
このコードは理論的にはうまく機能しますが、次のページで動的に読み込まれるコンテンツがドキュメントに追加されると、新しく追加された要素だけでなく、すべての要素で.on()ルーチンが2回実行されます。
私のWebサイトでは、次のページにスクロールすると、すべての要素がフェードアウトして再びインに戻ることがわかります。これは、.on()
イベントハンドラーが原因です。
前のページで以前に処理された要素で実行されないようにするにはどうすればよいですか?