問題タブ [infinite-scroll]

私は Wordpress で Paul Irish の Infinite-Scroll プラグインを使用しており、John Dyer の mediaelement.js プラグインも使用しようとしています。個々の投稿ではうまく機能し、奇妙なことにiPhoneでは問題ありませんが、Firefoxで表示すると、オーディオはデフォルトでプレーヤーのプレースホルダー画像になり、クリックすると次のように「X」に変わりますflashplayer プラグインか何かがありません。私が言ったように、個々の投稿ページには問題がなく、インデックスだけに問題があるため、Firefox がファイルを適切に処理できることはわかっています。

これは、取り込まれる新しいページごとに mediaelement.js を再初期化するために、無限スクロールの設定に JavaScript を追加する必要があることと関係があると確信していますが、何を追加すればよいか途方に暮れています。どんな助けでも本当に感謝しています。ありがとうございました。

画像ギャラリーに画像をロードするために、Isotopeと無限スクロールを使用しています。Quicksearchを使用して検索機能を追加し、検索の実行後に画像をフィルター処理して同位体を再レイアウトしました。検索の前に無限スクロールを適用すると完全に機能しますが、最初に検索してから無限スクロールを適用しようとすると、読み込みアイコンなどが表示されますが、画像は読み込まれません。これが私のコードです：

jQuery プラグインInfinate Scrollを使用しようとしています。

私が直面している問題は、スクロールすると 2 ページ目が読み込まれ続けることです。ので、私は持っています

それは奇妙に終わります。私はそれが永遠に続くと思います。

ページ 3 がロードされないのはなぜですか。無限スクロールの内部の仕組みに精通していて、何が起こっているのか知っている人はいますか? 次のボタンが更新されることはなく、毎回同じカーソルが使用されるようです。ページネーション システムを変更する必要がありますか?

次のリンクは www.mysite.com/page?cursor=al8sj6fa1jq3io4cm の形式です。ページ 3 は似ていますが、別のカーソルになります。

マイコード

数週間前、jquery を使用して無限スクロール ページを実装しました。スクロール自体はうまく機能しますが、非常に奇妙な副作用があります。

スクロールして新しいコンテンツをロードすると、最初の数秒間はどのリンクも機能しません。実際、ページのどのリンクも数秒間機能しません。そして、たとえば 5 ページを立て続けにロードするなど、非常に遠くまでスクロールすると、さらに悪化するようです。その場合、ページ上の任意のリンクをクリックできるようになるまで 20 秒待たなければなりません。

私は Firefox や IE8 を使用して同じ経験をしているので、ブラウザではないと推測しています。

原因または修正方法は何か考えはありますか?

スクリプトへのリンク:

nicescroll.js - http://areaaperta.com/nicescroll

WP 無限スクロール - http://www.infinite-scroll.com/

前もって感謝します！

彼らのウェブサイトの Masonry ヘルプ セクションで対処されているオーバーラップの問題が発生しています。ただし、これは Firefox でのみ発生しており、FF 8 に更新してから発生したようです。 IE で動作します)。Infinite Scroll + Masonry は、今日まで FF で完全に機能していました。imagesLoaded プラグインも $(window).load も問題を解決していない場合、オーバーラップの問題を解決するための他の提案はありますか?

プロジェクトに無限スクロールを実装しようとしています。Railscast #114 Endless Pageとthisを組み合わせて使用​​しています。

ページが最後に達したときにリクエストの送信を停止しようとすると、奇妙な動作以外はすべて正常に機能します。

これまでのところ、私は持っています:

コントローラ：

Show.html.erb:

Javascript (部分的にロード):

show.js.erb

ご覧のとおり、変数に true を代入する がありshow.js.erbます。これにより、リクエストが停止します。page.callfinish

有線の問題は、最後のページをロードしないことです。@photos.total_pages == params[:page].to_i()関数を呼び出してfinish変数を に設定するだけでなく、trueの実行も妨げて$("#photos_container").append("<%= escape_javascript(render :partial => 'photo', :collection => @photos) %>");います。

リクエストをコントローラーに送信し、SQL を実行しますが、最後のページを追加しません。

条件を変更する@photos.total_pages < params[:page].to_i()と機能しますが、存在しないページに追加のリクエストを送信します。

私の実装について何か助けていただければ幸いです。これを達成するためのより適切な (Rails) 方法があるかどうかはわかりません。

多くの調査の結果、州内へbindingのscrollイベントはサポートされていないことがわかりました。これは問題ありませんが、現在取り組んでいるスクリプトに関して 1 つまたは 2 つの質問があります。$(window)live

HTML5 jQuery 履歴プラグイン (http://tkyk.github.com/jquery-history-plugin/) を利用してページをロードし、サイト内にオーディオ プレーヤーが固定されているため、滑らかなユーザー エクスペリエンスを提供する Web サイトがあります。

私のページの 1 つで、ウィンドウのスクロール時にアルバムにロードするための無限スクロールを作成しました。ページに直接アクセスすると問題なく動作しますが、HTML5 対応のリンク (HTML5 実装専用のリンクがいくつかあります) 経由でアクセスすると機能しません。

ここに私の無限スクロールコードがあります:

ページがAjax経由でアクセスされた場合（これはHTML5プラグインが本質的に行うことです）、上記のものを取得して機能させる方法はありますか？

ページが上にスクロールするような印象を与えずに、Web ページの先頭にコンテンツを挿入する方法はありますか?

無限スクロールのようなものを実装しようとしていますが、無限にスクロールできるようにする必要があります (スクロールバーが無限に小さくならないように、反対側のコンテンツもアンロードしています)あまりメモリを消費しません)。

私は JavaScript を喜んで使用しますが、ライブラリは使用したくありません (それより軽量化を図っています)。

何か案は？