使用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
});