jquery - Ajax 加载 + 刷新同一个 div

Question

将模板内容加载到 div (main.html) 中的代码片段：

var href = $(this).attr('href');
$('#content_pane').load( href );


<a href="/main" class="active"> MAIN  </a>
<a href="/review"> REVIEW </a>

<div id="#content_pane"> </div>

评论.html：

<a href="review/1" class="pageLink"> 1 </a>
<a href="review/2" class="pageLink"> 2 </a>

我现在的问题是：

1. 假设，我通过单击 href="/review" 将评论页面加载到 div #content_pane
2. 部分评论内容，包含页码的href链接。
3. 问题 ！！当我单击这些链接（页码）时，我希望在此评论页面上单击的链接内容被加载回此 div #content_pane 并具有 AJAX 效果，就像上面的 jQuery 加载一样。

编辑

当前问题：

在将 review.html 加载到 div #content_pane 之后，无法从 main.html 访问 review.html 中的 .pageLink 类

有人可以帮忙吗？

Answer 1

好的，如果我理解正确，
您想要一种在这些链接的 ajax 调用完成后加载更多内容的方法。
为此（如果您使用 jQuery）我会这样做：
您将需要使用 :".delegate()" 函数。（有关更多信息，请阅读此处）。
现在看代码：

<script>
var href = $(this).attr('href');
$('#content_pane').load( href );
$('#content_pane').delegate('#your-link-id-here', 'click', function(){
var href2 = $('.your-link-class-here').attr('href');
$('#content_pane').load( href2 );//If you want your links to stay, put another div insted of content_pane.
});
</script>

<a href="/main" class="active"> MAIN  </a>
<a href="/review"> REVIEW </a>

<div id="#content_pane"> </div>

Answer 2

问题通过以下方式解决：

1. main.html 中的 div 元素加载 review.html。
2. review.html 可以访问 main.html 中的 div 元素。
3. 因此，任何点击review.html的链接，jQuery/javascript都可以执行刷新main.html中的div。