大佬教程收集整理的这篇文章主要介绍了jquery – 将事件绑定到动态添加的元素,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<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,请注明来意。