javascript - jquery为动态插入的元素绑定事件无效？

问题描述

问 题

$('.top-nav-son-li a').on('click',function(){
    alert(11);
})

a节点是动态插入的，但是为什么无效呢？
jquery版本 "jquery": "^3.1.1"

解决方案

on 有两种模式：

jquery on api
jquery on api 中文
第一种：
你那种 on 和 click 无差别

第二种：
采用 @StinsonZhao 的 on
事件委托绑定模式：
事件委托绑定模式下，即使是执行on()函数之后新添加的元素，只要它符合条件，绑定的事件处理函数也对其有效。

$('页面中存在的元素，父级或者其他祖先，最狠的就用 document').on('click','你需要绑定的 selector ',function(){
    alert(xx);
});

扩展

从jQuery 1.7开始，on()函数提供了绑定事件处理程序所需的所有功能，用于统一取代以前的bind()、 delegate()、
live()等事件函数。

上古时代动态绑定用delegate()、live()

这篇关于javascript - jquery为动态插入的元素绑定事件无效？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！