0

我有一个适用于我的 tumblr的无限滚动脚本。当我向下滚动页面时,它正在加载图像。但是,我希望图像淡入而不是突然出现。

我发现这个很棒的插件叫做waypoints可以做这种事情。它有效,但仅适用于第一个加载的图像。之后,它无法识别新加载的图像。

我知道“live”只适用于某些 jQuery 函数。并且绑定可能会更好,因为您可以使用自定义函数。但后来我显然仍然必须触发脚本,这就是我不知道该怎么做。这意味着我必须破解执行无限滚动的 tumblr 脚本,而且它在那里很可怕,javascript 而不是 jQuery。

也许你可以推荐一个更好的方法来做到这一点?

以下是适用于前十张图像的代码:

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

我希望我能做这样的事情:

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

谢谢你。

PS 内容是 nsfw。事实上,它的 sfw 因为一张略显性感的照片甚至都看不到,而且一直在底部。干杯。

4

1 回答 1

1

这并不是live对自定义事件不起作用,而是 Waypoints 仅在.waypoint()调用它的元素上触发它的事件。因此,无论如何,您都需要在新内容加载后进行此调用。

由于破解无限滚动脚本是不可能的,我建议您尝试使用jquery.inview插件而不是 Waypoints。inview 的结构方式创建了一个由每个元素触发的事件,因此您可以使用.live, .delegate.

于 2011-10-27T02:13:56.497 回答