1. 程式人生 > >js向頁面新加入的html事件繫結

js向頁面新加入的html事件繫結

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'));
 });