1. 程式人生 > >關於AJAX異步加載節點無法觸發點擊事件問題的解決方式

關於AJAX異步加載節點無法觸發點擊事件問題的解決方式

document on() color style ajax body 綁定 cti 沒有

做練習的過程中遇到一個問題,使用AJAX異步新增一個節點,無法觸發點擊事件,經過查閱之後知道一個方式,使用JS的委托事件,在此做一個記錄。

$(document).on(‘click‘, ‘.recruit-body‘, function () {})

其中 on ()事件,在菜鳥聯盟上有一段解釋 使用 on() 方法添加的事件處理程序適用於當前及未來的元素(比如由腳本創建的新元素)。所以當Ajax異步新增的節點,同樣適用於它。

記錄一下 on() 與 click() 事件的區別:

二者在綁定靜態控件時沒有區別,但是如果面對動態產生的控件,只有 on() 能成功的綁定到動態控件中。

關於AJAX異步加載節點無法觸發點擊事件問題的解決方式