js向頁面新加入的html事件繫結
阿新 • • 發佈:2019-02-05
js向頁面append或者直接給$('div').innerhtml="頁面內容";的時候頁面內容裡面的單機事件無法繫結怎麼辦呢
1:jquery1.4之前的直接用live方法,個人覺得不靠譜
$(".aaaaa").live('click',function(){ });
2:直接在賦值的下面接著寫事件,能夠執行,效果可以達到,但是程式碼不夠小清晰,維護時候有點困難
3:個人推薦方法,一個固定例如頁面首次進來有一個aaaaa的class
在aaaaa這個裡面append("<a herf='javascript:' class='bb' data-aid='1'>I</a><a herf='javascript:' class='bb'
data-aid='1' >love</a><a herf='javascript:' class='bb'
data-aid='1'>you</a>");
隨便單機一個單詞就可以獲取到
$(".aaaaa").on('click',".bb",function(){、 console.log($(this).attr('data-aid')); });