關於動態內容注入的jQuery .on（）事件

Question

我正在從一個單獨的文件加載內容到一個元素，這工作正常但我試圖附加一個事件處理程序到這個動態內容，所以我可以使用jQueryUI滑塊在我創建的新動態div中。我已經用當前的警報取代了這個，直到我至少可以讓它開火。我看不出爲什麼它不起作用。任何幫助都感激不盡。

if (modalContentCall[objname].private_use == true) { 
    $(this).append($('<div>').load('Content_for_injection.htm #private_use')); 
    $(this).on('load', function(event){ 
     alert('load occured'); 
    }); 
}; 

以上條件的作品和負載的內容，每行2所以都好到這裏，我卻無法獲得第4行的警報時，顯示內容的負載。

在此先感謝您的幫助。

一個

Answer 1

可以使用負載回調函數，以確保內容加載..

$(this).append($('<div>').load('Content_for_injection.htm #private_use',function(){ 
       alert('load occured'); 
})); 

或使更多的可讀性和清潔..

var $this=$(this); 
var divContent= $('<div />'); 
divContent.load('Content_for_injection.htm #private_use',function(){ 
       alert('load occured'); 
     $this.append(divContent); 
}); 

Answer 2

嘗試爲低於

$('body').on('load',this, function(event){ 

}