jQuery動態append添加元素後點擊事件失效

1. 問題描述:在div中動態添加span元素,之後執行

$(selector).click(function(){var param = $(this).text();})

無法觸發事件。

2. 原因:append中的節點是在整個文檔加載完之後開始添加,頁面不會爲append的元素初始化添加點擊事件,故使用這種方式動態添加的節點中的click事件沒有生效。

 

3. 解決方案:事件委託方式解決,將指定的事件綁定在document上,只要append元素符合指定的元素,就會綁定此事件 。$(document).on("click","指定的元素",function(){});
最後實現代碼

$(document).on("click", selector, function(){
        var param = $(this).text();})

 

發佈了34 篇原創文章 · 獲贊 6 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章