如何在动态加载新元素时触发函数?

时间:2011-10-27 01:46:48

标签: jquery javascript-events

我通过脚本A将元素加载到页面上。 which is old school javascript

Script B 对这些元素做了一些事情。

脚本B 适用于最初加载的元素,但当脚本A 加载新元素时,脚本B 我不知道。

实时,委托和绑定将无效,因为脚本B 功能是自定义事件。

我想知道,肯定jQuery中有一个普遍的功能,只是醒来并说一些ajax只是开心。然后,我需要做的就是重复脚本B 功能。


这是摘要。我真的不想提供更多代码,因为我认为它没有帮助。为了让您了解我想要实现的目标,脚本A是Tumblr的javascript无限滚动。脚本B在进入视口时会使图像变淡。 It works,但仅限于常规加载的第一组图像。

坚持了四个小时,甚至没有把它弄清楚。

由于


修改 使用像这样的livequery插件不起作用,但它似乎tantilising(!): - /也许它只需要一个tweek?

$('.theImage').livequery(function() { //.theImage being the dynamically loaded divs
$(this).waypoint(function() { //waypoint being Script B which fades in .theImage
   $(this).animate({opacity: 1}, 'slow');
});
});

1 个答案:

答案 0 :(得分:-1)

每次完成ajax请求时,使用以下代码重新调用脚本B:

$(document).ajaxSuccess(function(e, xhr, options) {
  // The code here will be called every time
  // an ajax request has completed successfully.
  // Your code may assume that the DOM has been updated.
});