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

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

1、新建html文件。

2、创建输入框和按钮。

3、预览效果如图。

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

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

6、按钮点击触发事件。

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

实现的方法如下：

1、第一步，创建一个新的html文件，见下图，转到下面的步骤。

2、第二步，执行完上面的 *** 作之后，创建输入框和按钮，见下图，转到下面的步骤。

3、第三步，执行完上面的 *** 作之后，预览效果见下图，转到下面的步骤。

4、第四步，执行完上面的 *** 作之后，需要引入jquery.js，见下图，转到下面的步骤。

5、第五步，执行完上面的 *** 作之后，设置输入框的keydown事件与click事件，见下图，转到下面的步骤。

6、第六步，执行完上面的 *** 作之后，按钮单击触发事件，见下图，转到下面的步骤。

7、第七步，执行完上面的 *** 作之后，单击按钮，效果见下图。这样，就解决了这个问题了。

js代码改成如下：

$("#listAdd").on("click",function(){

$("#list").append("<li>增加的</li>")

})

$("#list").on("click", "li", function(){

alert($(this).html())

})

使用jquery的on事件委托来处理动态添加元素动态添加事件。

---