0

我在整个应用程序中使用以下代码来创建将页面加载到 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代码是不是!

4

1 回答 1

1

使用委托.on()是定位动态元素的方法。

$(document).on('click', '.OpenInContent', function () {
    //do stuff
});
于 2013-05-16T15:56:24.603 回答