引用與jQuery

Question

我通過使用下面的代碼我的應用程序來創建超鏈接，網頁加載到一個DIV元素

$(".OpenInContent").click(function() { 

linkObj = $(this); 
var viewUrl = linkObj.attr('href'); 
$('#ActiveContent').empty(); 
$('#ActiveContent').load(viewUrl); 
return false; 

}); 

因此，例如，可以說我有一個名爲「main.html中」頁面動態內容與以下的HTML。 （以上JavaScript是在當前頁的底部）

<a class="OpenInContent" href="test.html"> 
<div id="ActiveContent" style="display: block;"></div> 

這將加載的test.html的內容與ID ActiveContent的DIV。

但是，如果test.html的內容還包含與「OpenInContent」類的超鏈接呢？

我可以得到這個工作的唯一方法是把相同的Javascript放在test.html頁面的底部。

完成此操作的最佳方法是什麼？我假設加載相同的JavaScript代碼兩次是不是！

Answer 1

與.on()一起使用委派是定位動態元素的方法。

$(document).on('click', '.OpenInContent', function() { 
    //do stuff 
});