使用js innerhtml jquery append 添加内容 使用on 无法添加事件问题

前言

   我们需要在HTML/JSP中动态的添加一些内容，比如在jQuery中经常使用的append方法。直接使用 $("#id").click()会导致事件不起作用，但改用 $("#id").on('click'，function（）{})也是无效操作，这是为什么呢？

解决方法

    我们需要jQuery中的on方法绑定事件。不能直接添加相应的事件也就是不能使用js创造但原先网页没有的id 或class元素 以click事件为例

//这样直接绑定原先网页未有的li标签会失效
$('#id li').click(function(){})

•  

    我们要改写为

//id为父容器，li为js追加的子元素
$('#id').click('li',function(){})