使用append动态添加的子节点,需要重新绑定事件才能使用

2022-05-10  本文已影响0人  禾苗种树

解决方法:使用委托事件调取

事件委托是通过事件冒泡的原理,利用父级去触发子级的事件。
如下html,如果不用事件委托,将每一个li都去添加click事件监听,非常麻烦。
另外就是如果通过js动态创建的子节点,需要重新绑定事件。
而利用事件委托的话,只需要给父级绑定一个事件监听,即可让每个li都绑定上相应的事件。

 $('.父级').on('mouseenter','.通过append添加的子节点',function(){
      需要执行的事情
})
上一篇 下一篇

猜你喜欢

热点阅读