阿賈克斯負載+刷新同一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. 比方說，我已經通過點擊HREF加載在瀏覽頁面進入DIV #content_pane =「/審查」
2. 部分評論內容，包含頁面編號的href鏈接。
3. 問題!!當我點擊這些鏈接（頁碼）時，我希望點擊此評論頁面的鏈接內容可以像上面那樣的jQuery加載一起加載回到帶有AJAX效果的div #content_pane中。

編輯

當前問題：

從review.html的類.pageLink是不是從main.html中訪問，被加載到DIV #content_pane review.html的後

任何人都可以幫忙嗎？

Answer 1

通過以下解決的問題：

1. 在review.html的main.html中加載的div元素。
2. review.html可以訪問main.html中的div元素。
3. 因此，任何鏈接點擊review.html，jQuery/JavaScript可以執行刷新main.html中的div。

Answer 2

好吧，如果我的理解正確，
你想要一種方式來加載更多的內容後，這些鏈接的Ajax調用完成。
爲此（如果您使用jQuery）我會這樣做：
您將需要使用：「。委託（）」功能。 （更多信息請閱讀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>