如何将jquery函数绑定到动态DOM
如何将jquery函数绑定到动态DOM
提问于 2013-04-07 09:20:17
我在我的页面上使用jquery文件上传功能，如下所示：
$('.new-variant-image')
.fileupload({
dataType: 'script',
add: function(e, data){
}
});但是DOM类“新变体图像”是在页面加载后动态创建的，因此它无法工作。我搜索了使用"on“和"live”绑定动态事件的方法，但在这种情况下无法让它工作。
任何援助都将受到极大的感谢。
编辑
DOM元素“新-变体-映像”是在使用AJAX创建之后创建的，如果在元素创建后放置代码，它就能工作。但是我想避免这种情况，因为当我多次使用ajax调用函数时，它会导致浏览器挂起大约2到3秒。
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-04-07 09:24:25
使用函数的回调
$('.new-variant-image').fileupload({
dataType: 'script',
add: function(e, data),
done: $('.new-variant-image').click(function(){
})
{Stack Overflow用户
发布于 2013-04-07 09:27:43
您的代码$('.new-variant-image').fileupload({ dataType: 'script', add: function(e, data){应该在元素创建代码之后.
我不知道您是如何创建元素的(使用ajax或其他什么的)。
乔治-它所建议的应该有效.
Stack Overflow用户
发布于 2015-01-15 19:56:05
虽然回答这个问题很晚了，但到了jQuery 1.7时，您可以使用jQuery.fn.on。
$(document).on("click", ".new-variant-image", function () {
$('.new-variant-image')
.fileupload({
dataType: 'script',
add: function (e, data) {
}
});
})这会为所有当前元素附加事件处理程序函数，或者将动态地附加到类new-variant-image中的元素中。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15860839
复制相关文章
相似问题
腾讯云开发者
