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>

review.html的：

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

我现在的问题是：

1. 假设我已将评论页面加载到div #content_pane中，点击href =“/ review”
2. 部分评论内容，包含页码的href链接。
3. 问题!! 当我点击这些链接（页码）时，我希望点击此评论页面的链接内容将被加载回此div #content_pane并使用AJAX效果就像上面的jQuery加载一样。

修改

当前问题：

在将review.html加载到div #content_pane

之后，无法从main.html访问review.html中的.pageLink类。

有人可以帮忙吗？

Answer 1

好的，如果我理解正确的话，
您希望在对这些链接的ajax调用完成后加载更多内容 为此（如果你使用jQuery）我会这样做：
您将需要使用：“。delegate（）”函数。 （更多信息请阅读here） 现在代码：

<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。