問題タブ [infinite-scroll]

新しいコンテンツが無限スクロールでロードされたときに Easy FancyBox を再初期化する方法を見つけようとしています。試してみ$.fancybox.init()ましたが、これでは十分ではないようです。head セクションでは、easy fancybox を呼び出すスクリプトは次のとおりです。

#content div.post にロードされた新しいコンテンツに具体的にバインドされた、このようなものを再初期化する方法はありますか? 助けてくれてありがとう。

IE8 と IE7 と IE6 で実行時エラーが発生し、31852 行目の jQuery.min.js にエラーがあると表示されています。

ここに私が書いたコードがあるので、問題はアイテムをドキュメントに追加する無限スクロールプラグインにあると思います。

さらにデバッグした後、問題の行は次のようになります。

jQuery.min.js から、つまり、デバッガー ツールによると、この行で窒息しています。

ページで無限スクロールプラグインを使用していますが、問題があります。CSSdivで非表示になっているコンテンツに使用しています。overflow-y: scrollこれは、divの内容のみがスクロールされることを意味します。

それは一種の動作ですが、より多くのアイテムをダウンロードするには、ページ全体をスクロールする必要があります。divのみをスクロールし、ページが同じ場所にとどまる場合、スクロールしません。

同様のプラグインはありますか、または要素の内容のスクロールで動作するように誰かがそれをハッキングしましたか？

ここで構築している Web サイトで無限スクロールを設定しました: http://richardgordoncook.com/fg/

画像ギャラリーにWordpressプラグインを使用しています。これは、ファイル名などにホバーオーバーするように少し操作しました。無限スクロールが開始され、最初のページの後の投稿が使用を停止するまで、これはすべて正常に機能しますギャラリー機能と、実際にはすべての JavaScript です。

何か案は？上記のサイトリンクでテストすると、アイデアが得られます。

ここにたくさんの別々の問題があるので、最近の多くの投稿についてお詫びします;）

私は自分のサイトで無限のスクロールを実行していますが（他の問題については触れません）、特にページネーションが存在する前に、すべてが速すぎて起動するようです。

これは私が持っているものです：

それでも、その仕組みを見ると、http：//goo.gl/L9p00-少し下にスクロールすると、コンテンツが読み込まれる前にスクロールバーのスライダーが短くなっていることがわかります。

ユーザーのブラウザのズームが100％のときに正常に機能する、無限スクロールのページがあります。ユーザーがページを拡大または縮小（つまり、100％以外）すると、スクロールがやがて中断し、取得するものが他にもたくさんある場合でも、ページはレコードの取得を停止します。

どうすれば修正できますか？

これがtest2.phpです：

ここで明確な解決策を見るには夜遅くかもしれませんが、意見を持っている人からいくつかの考えを得るだろうと思いました...

私が取り組んでいるサイトには、ユーザー投稿の長いリストがあります。一番下に到達または近づくと、100件の投稿の次のバッチですべてのスクロールイベントハンドラーがajaxに機能します。

私の質問は...次のシナリオを防ぐにはどうすればよいですか？

1. UserXがサイトにアクセスし、投稿1〜100を読み込みます
2. さらに10人のユーザーがサイトにアクセスし、さらに10件の投稿を追加します
3. UserXは一番下までスクロールし、以前は投稿91-190であった投稿101-200を読み込みます。
4. UserXは、ページ上の投稿91〜100の重複で終了します

他の誰かに役立つ場合に備えて、以下にコードの簡略版を含めます

私のPHPスクリプトには、基本的に次のものがあります。

これにより、無限のスクロールが素晴らしく簡単になりますが、ajaxリクエストの間に新しいレコードがテーブルに追加されたときに表示される仮想の重複を防ぐにはどうすればよいですか？

これが私の以前の投稿と矛盾する場合はお詫びしますが、誰かが私を助けてくれることを願って、無限スクロールのコールバック関数全体にかなり行き詰まっています。

Wordpress用のPortfolioSlideshowPro（http://madebyraygun.com/wordpress/plugins/portfolio-slideshow-pro/）をInfiniteScrollと組み合わせて使用​​しています。

これは私の無限スクロールJSがどのように見えるかです：

スライドショープラグインは$（window）.load全体なので、その中のすべてを取り込んで関数に変換しました。

しかし、無限スクロールは機能しているものの、スライドショーのJSは機能していないため、新しい投稿のセットが読み込まれるたびに、その関数をコールバックする必要があります。

誰かが私が作成した関数をinfinitescrollのコールバックに追加して、新しいデータがロードされるたびに関数をリロードするのを手伝ってもらえますか？

よろしくお願いします。

-R

ページに画像をロードするために、 Paul Irish の無限スクロール http://masonry.desandro.com/demos/infinite-scroll.html と Mike Tupupola の遅延読み込み jquery スクリプトを使用しています。

最初のページの画像は問題なく読み込まれています。ただし、ページの最後で無限スクロールが開始され、新しい要素が読み込まれるとすぐに. 画像以外のすべてをロードします。これは、遅延ロード jquery が新しくロードされた要素に対応していないことを意味します。

ページのリンク : http://67.20.122.201/boikeno/viewmore.php?view=popular

そのスクリプトを Tumblr テーマで使用して、石積みと無限スクロールを適用しています。これは 2 列のレイアウトなので、div は左または右にのみ移動します。また、テーマに石積みを適用する以外に、div には左に向かう矢印 (.rightarrow) と、右に向かう矢印には別の矢印 (.left arrow) も配置されます。

これまでのところ、すべてが正常に機能しています。私の問題は、次のページが読み込まれたときに始まります。どうやら、矢印コードは最初のページにのみ適用され、新しく追加された要素には適用されないようです。コードのさまざまな部分で矢印コードを繰り返してみましたが、うまくいきませんでした。それは本当に私を混乱させ始めています。私はjQueryを初めて使用するわけではありませんが、これを機能させるのに本当に苦労しています。

新しく追加されたdivにも適用されるように、矢印コードを配置する必要がある部分を誰か教えてもらえますか?