jQuery .load -ed ID可以響應點擊事件嗎？

Question

使用jQuery，我已將$('content').load -ed文本放到我的網頁上。內容包括我想回應點擊事件的新ID。這可能嗎？ 這裏的腳本...

$(document).ready(function(){ 
     $("ul.nav li:eq(3)").click(function(){ 
     $('.content').load('gpstart.html #product').fadeIn('slow'); 
     }); 
}); 

Answer 1

二者必選其一

$('.content').on('click', '#your-element-id', function(){ }); 

或

$('.content').delegate('click','#your-element-id', function(){ }); 

儘量不要委託給document作爲事件將不得不泡一路上漲的DOM，因爲你知道你的元素裏面的內容那麼您可以將該事件委託給該元素。

Answer 2

您可以使用live或delegate方法綁定到單擊事件，將在未來創建（加載）的元素。

Answer 3

是的，使用jQuery.on()。

$(document).ready(function(){ 
    $(document).on('click', '#some_id', function() { 
     // do something 
    }); 

    $("ul.nav li:eq(3)").click(function(){ 
    $('.content').load('gpstart.html #product').fadeIn('slow'); 
    }); 
}); 

Answer 4

是的，但是.click(function() {})是.bind('click', function() {})一個快捷方式，並.bind()僅適用於那些在DOM事件時必然要素。

的jQuery> = 1.7

$(document).on('click', '#my-dynamicly-inserted-id', function() { 
    //your click handler here for the `.load`-ed element 
}); 

jQuery的< 1.7

$(document).delegate('#my-dynamicly-inserted-id', 'click', function() { 
    //your click handler here 
}); 

我不推薦使用.live()因爲它是同樣的事情$(document).delegate()，它是貶值在jQuery 1.7。