1.程序說明:給一個無序列表動態添加節點,綁定刪除事件函數并調用;2.調用刪除事件1和事件2必須同時存在才能正常刪除原有節點和新增節點;3.很明顯在觸發點擊添加之前刪除事件1是不會觸發的,所以刷新后直接點擊刪除按鈕會執行刪除事件2并alert(2);4.但是刷新后點擊添加按鈕:a.刪除新增的節點,觸發刪除事件1并alert(1);b.刪除原有的節點,(--重點來了--)先觸發刪除事件2并alert(2),然后多次觸發刪除事件1并alert(1);5.如果將刪除事件1注掉,無法刪除新增的節點元素(找過各種答案,有說是用bind綁定的,有說必須$(document).on('click','button',function(){--something--});這樣寫的,還有說要綁定在父元素上的,也有說用委托事件的……),然而并沒有什么用;6.如果將刪除事件2注掉,很顯然在點擊新增按鈕之前無法觸發刪除事件1,只有先新增節點后才能正常執行刪除事件1;所以,請教大神兩個問題:4.b多次觸發刪除事件1的原因;如何正確給動態事件綁定點擊事件;代碼如下:
關于動態添加內容綁定點擊事件的問題
LEATH
2018-09-14 10:09:24