jquery对动态加载的li添加click事件，事件无法触发

jquery对动态加载的li添加click事件，事件无法触发时设置出现了问题，解决方法为：

1、新建html文件。

2、创建输入框和按钮。

3、预览效果如图。

4、接下来需要引入jquery.js。

5、设置输入框 keydown 事件和click 事件。

6、按钮点击触发事件。

7、click按钮按下效果如图。

可以用事件委托，jquery提供on()方法（jquery 1.7.0 以上版本）来委托绑定事件：

<ul class="list">

    <li><a href="javascript:">导航1</a></li>

    <li><a href="javascript:">导航2</a></li>

</ul> $('.list').find('a').on('click', function(){

    $(this).addClass('active').siblings().removeClass('active')

})

这样.list里通过js动态创建的a节点也能响应click事件。

这就是“为未来元素添加事件”的方法了，

jquery里为未来元素添加事件的原理很简单，既然这个元素是未来的，那么我们可以把事件绑定在已经存在的元素上，然后在发生点击的时候，再来判断所点击的对象，是否为我们要的对象，然后再触发事件。

$("div#id").on("click","button.do",function(){

    //具体的内容

})

上面这段代码解释起来就是，给div#id绑定一个click事件，并且触发事件的对象为button.do时，开始执行具体的内容。

不管button.do是否为已经存在的，还是未来添加的，都能执行。

对于你的问题，同理就能解决，

$("input[type='checkbox']").click

你的这句，把事件绑定到最近的父元素里，不要绑在离“太远”的父元素上，影响代码的执行效率，

---