在初始页面加载后,在添加到DOM的元素上调用函数

时间:2015-08-12 14:53:28

标签: jquery

我的页脚在页脚中包含jQuery.jsanotherJsFunctionThing.js

同样在页脚中触发后者我将它绑定到一个元素:

function doIt(){
  $('.newElement').anotherJsFunctionThing({...})
}

如果在加载页面后将元素.newElement添加到DOM中,我该怎么解决这个问题?

目前,当我致电doIt()时,它失败了,因为在加载jQuery.jsanotherJsFuntionThing.js时,.newElement不存在

这是我尝试过的但它失败了......

function doIt(){
  $('.newElement').on('create', function(){
    $('.newElement').anotherJsFuntionThing({...})
  });
  $('.newElement').trigger('create');
}

有更好的想法吗?

2 个答案:

答案 0 :(得分:1)

由于您当前的树尚未包含新元素,因此您将从顶部开始。

$(document).find(".newElement").anotherThing()

答案 1 :(得分:0)

这个jQuery插件让我可以监视已初始化的DOM事件。 https://github.com/AdamPietrasiak/jquery.initialize

您的代码看起来像这样:

$(".newElement").initialize(function(){
    $(this).anotherJsFunctionThing({...})
});