使用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(){})