0

tumblrで機能する無限スクロール スクリプトがあります。ページを下にスクロールすると、画像が読み込まれます。ただし、画像が突然表示されるのではなく、フェードインするようにしています。

この種のことを行うウェイポイントと呼ばれるこの素晴らしいプラグインを見つけました。そしてそれは機能しますが、最初にロードされた画像でのみです。その後、新しく読み込まれた画像を認識しません。

「ライブ」は特定のjQuery関数でのみ機能することを知っています。また、カスタム関数を使用できるのでbindの方が良いかもしれません。しかし、それでもスクリプトをトリガーする必要があるようです。これは、どうすればよいかわかりません。これは、無限スクロールを行う tumblr スクリプトをハックする必要があることを意味し、jQuery ではなく javascriptが怖いです。

これを行うためのより良い方法をお勧めできますか？

最初の 10 個の画像で機能するコードは次のとおりです。

$('.theImage').waypoint(function() {
   $(this).animate({opacity: 1}, 'slow');
});

次のようなことができたらいいのにと思います：

$('.theImage').bind("waypoint", function() { $(this).animate({opacity: 1}, 'slow'); });

ありがとうございました。

PS コンテンツはマイルドに nsfw です。実際、1枚のややセクシーな写真は見ることさえできず、ずっと下にあるので、そのsfw. 乾杯。

4

1 に答える 1

1

カスタム イベントで動作しないというliveわけではありませんが、Waypoints はそれを.waypoint()呼び出した要素でのみイベントを発生させます。そのため、新しいコンテンツがロードされた後にこの呼び出しを行う必要があります。

無限スクロール スクリプトをハッキングすることは論外なので、 Waypoints の代わりにjquery.inviewプラグインを使用することをお勧めします。inview が構造化されている方法では、すべての要素によってトリガーされるイベントが作成されるため.live、.delegate.

于 2011-10-27T02:13:56.497 に答える