如何将自定义事件绑定到从另一个脚本动态加载的元素？

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

我发现这个很棒的插件称为路点 ，它可以做到这一点。 它的工作原理，但只适用于首次加载的图像。 之后，它无法识别新加载的图像。

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

也许你可以推荐一种更好的方法吗？

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

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

我希望我能做到这样的事情：

$（’。theImage’）。bind（“waypoint”，function（）{$（this）.animate（{opacity：1}，’slow’）;}）;

谢谢。

PS的内容是miiiiildly nsfw。 实际上它的sfw，因为一个温和的性感图片甚至不可见，它一直在底部。 干杯。

Answer 1

并不是说live不能用于自定义事件，更重要的是Waypoints只会在已经调用了.waypoint()元素上触发它的事件。 因此，无论何时加载新内容，您都需要进行此调用。

由于黑客入侵infinitescroll脚本是不可能的 ，我建议你尝试使用jquery.inview插件而不是Waypoints。 inview的结构是它创建了一个由每个元素触发的事件，因此您可以使用.live ， .delegate 。