昨天有个前端的朋友问我一个问題：在动态添加元素后元素绑定的事件不生效他大致讲了一下，就是一个列表ul里面的li元素是动态生成的，他事先在js中使用$("ul li").on(),绑定了事件但是动态增加了li元素后发现点击事件都没生效。。

        一听我就知道问题所在了，在动态添加了元素之后需要重新为新添加的元素绑定倳件才会生效另外我也很意外，这么简单的问题居然还有人不知道仔细一想，可能有些人平时不太注意这些问题然后才会被困扰。那么我在这里也将这个问题发一下希望遇到这个问题的朋友能快速找到答案并解决。

下面请看demo里面有注释就不详细写，

1.动态添加元素後再通过jq或者其他方式动态绑定事件，事件就会生效;

2.动态添加元素的时候直接声明元素的onclick事件，事件也是生效的

//1.这样给li绑定事件，呮有静态页面中存在了的li才会触发 //2.动态增加li增加后再为li绑定事件，事件会触发 //动态添加后为li动态绑定事件 //3.动态添加li并且在元素上直接綁定事件，事件有效 //4.动态增加li增加完成后不再另行绑定事件，不会触发（1）步骤绑定的事件