jquery 使用 on api 讓新元素可用先前定義的事件方法

A delegated-events approach attaches an event handler to only one element, the tbody, and the event only needs to bubble up one level (from the clicked tr to tbody):

$( “#dataTable tbody" ).on( “click", “tr", function() {
    alert( $( this ).text() );
});

在 #dataTable tbody 元素下的 tr 元素,傳來的click事件都將會顯示以 tr 內容的訊息。

重點在 bubble up ,像上述範例一樣:tbody 一直都存在,只有它底下的tr可能會移除或新增。所以把tbody做個on的method,針對它下面指定元素與指定事件。對符合條件所傳來的氣泡事件,執行設定好的事件方法。

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 變更 )

Twitter picture

You are commenting using your Twitter account. Log Out / 變更 )

Facebook照片

You are commenting using your Facebook account. Log Out / 變更 )

Google+ photo

You are commenting using your Google+ account. Log Out / 變更 )

連結到 %s