关于AJAX异步加载节点无法触发点击事件问题的解决方式
Posted zhh-blogs
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于AJAX异步加载节点无法触发点击事件问题的解决方式相关的知识,希望对你有一定的参考价值。
做练习的过程中遇到一个问题,使用AJAX异步新增一个节点,无法触发点击事件,经过查阅之后知道一个方式,使用JS的委托事件,在此做一个记录。
$(document).on(‘click‘, ‘.recruit-body‘, function () {})
其中 on ()事件,在菜鸟联盟上有一段解释 使用 on() 方法添加的事件处理程序适用于当前及未来的元素(比如由脚本创建的新元素)。所以当Ajax异步新增的节点,同样适用于它。
记录一下 on() 与 click() 事件的区别:
二者在绑定静态控件时没有区别,但是如果面对动态产生的控件,只有 on() 能成功的绑定到动态控件中。
以上是关于关于AJAX异步加载节点无法触发点击事件问题的解决方式的主要内容,如果未能解决你的问题,请参考以下文章
ztree 异步加载 节点点击事件无触发 只有第一次刷新的时候才加载!