1. 程式人生 > >jQuery動態append新增元素點選事件失效

jQuery動態append新增元素點選事件失效

最近開始做前端,遇到一些問題,現在記錄一下,以備不時之需。

問題描述:在div中動態新增span元素,之後執行

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

無法觸發事件。

原因:append中的節點是在整個文件載入完之後開始新增,頁面不會為append的元素初始化新增點選事件,故使用這種方式動態新增的節點中的click事件沒有生效。

解決方案:事件委託方式解決,將指定的事件繫結在document上,只要append元素符合指定的元素,就會繫結此事件 。

$(document).on("click","指定的元素",function(){});

最後實現程式碼

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