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

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

1、新建html文件。

2、碰仿创建输入框和按钮。

3、预览效果如图。

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

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

6、按钮点击触发事件。

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

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

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

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

    //具体的内容

})

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

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

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

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

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

那是因为当程序第一次执行到

$("#children").click(function(){

alert("I'm children")

})

这里时，$("#children")这个对象并不存在，程序就会判定为出错，那个这个事件代码就无效了。

你应该在动态生成碧盯元素的同时也动态生成事件过悔举和程，而不是先生成一个子虚乌有的事件来等着元素对号入座答扮。

---