jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 将事件绑定到动态添加的元素大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试使用 jquery函数绑定到新添加的元素…我在网上尝试了很多例子,但不知怎的,对我来说没什么用.我创建了一个带有id和按钮的表单,在提交ajax加载来自另一个页面的元素并在当前网站上插入html.一切似乎工作正常,但新加载的元素没有绑定任何事件.
这是html:

<form id="tclick" method="post" action="${tg.url('/entryCmd')}">
    <input type="hidden" name="id" value="${entries[0].iD}"  />
    <input type="submit" value="submit"/>
</form>

和jQuery:

$("#tclick").on("submit",function(data){
    var h = $(this).serialize();
    var d;

    $.get($(this).attr("action"),h,function(returnData) {
            d = returnData;
        }
    );

    $(this).ajaxStop(function(){
        $(this).after($(d).find(".edit-content").html());
    });

    return false;
});

edit-content div在表单元素后面加载.它有一些元素,可以绑定到jQuery函数.

解决方法

基本上有两个选项可以做到这一点:

>在追加新的html后绑定你的事件:

$(this).ajaxStop(function(){
     $(this).after($(d).find(".edit-content").html());
     // do you binding here
});

>使用事件委托(使用.on().delegate()).

$('@L_271_10@me-container').on('click','.edit-button',function(E) {...});

这会将click事件委托给任何具有类.edit-button的子元素的@L_271_10@me-container,而不管后者是否已经在dom中或之后加载.

大佬总结

以上是大佬教程为你收集整理的jquery – 将事件绑定到动态添加的元素全部内容,希望文章能够帮你解决jquery – 将事件绑定到动态添加的元素所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。