點擊側欄鏈接更改主分區中的內容

-1

我花了大約4〜5小時查看本網站和其他人的類似問題，並可以看到這是一個最喜歡的問題：但無法找到特定於加載的代碼 - 說50個不同的PHP文件查看 - 成爲一個主要的股利。線性分頁不是目的。點擊側欄鏈接更改主分區中的內容

在一個側邊欄div中，我有一本書的章節（單獨的php文件）的html鏈接列表。

我使用的ID我給每個章/主題/副標題作爲ajax jquery的選擇器（絕對是所有這一切的初學者）！以下是我對第一部分的實驗。

<ul id="tocsub"> 
<li> 
<h2>Section One</h2> 
<ul> 
<li><a href="#" id="ChI" name="ChI">Chapter I</a> 
<ul> 
<li><a href="#" id="T1" name="T1">Topic 1</a> 
<ul> 
<li><a href="#" id="Suba" name="Suba">Sub a</a></li> 
<li><a href="#" id="Subb" name="Subb">Sub b</a></li> 
</ul> 
</li> 
<li><a href="#">Topic 2</a></li> 
</ul> 
</li> 
<li><a href="#">Chapter II</a></li> 
<li><a href="#">Chapter III</a></li> 
</ul> 
</li>

我想在點擊任何上述鏈接時在主div中交換這些章節/ etc。到目前爲止，我正在使用下面的腳本來回應上述鏈接。

<script> 
$(document).ready(function(){ 
    $("#ChI").click(function(){ 
    $("#posts").load("chapters/ChI.php"); 
    }); 
}); 
$(document).ready(function(){ 
    $("#T1").click(function(){ 
    $("#posts").load("chapters/T1.php"); 
    }); 
}); 
$(document).ready(function(){ 
    $("#Suba").click(function(){ 
    $("#posts").load("chapters/Suba.php"); 
    }); 
}); 
$(document).ready(function(){ 
    $("#Subb").click(function(){ 
    $("#posts").load("chapters/Subb.php"); 
    }); 
}); 
</script>

這似乎是工作到這一點。我想知道：

1）這是朝着一個好的解決方案？劇本能壓縮嗎？ 2）可以擴展腳本以包含多達50個不同的ID（本書的內容）嗎？

如果您能夠幫助和感謝您的回覆，請提前致以誠摯的問候！

了些研究後，我定居於：

sample link: 
<li><a href="#ChI" id="ChI">Chapter I</a> 

sample script:  
<script> 
$(document).ready(function(){ 
    $("#ChI").click(function(){$("#posts").load("chapters/ChI.php")}); 
    $("#T1").click(function(){$("#posts").load("chapters/T1.php")}); 
    $("#Suba").click(function(){$("#posts").load("chapters/Suba.php")}); 
    $("#Subb").click(function(){$("#posts").load("chapters/Subb.php")}); 
}); 
</script>

來源

2013-07-08 jrbarch

我首選的方法就是重新加載頁面 – 2013-07-08 10:18:46

嗯，我看到它，你有4個選項：

鏈接到每個單獨的文件（可能不是最好的）
用其他參數重新載入頁面，並加載您想要的特定頁面的內容div
將所有頁面加載到不同的div並隱藏不應該是的頁面看到
刷新通過AJAX

的div內容，我不知道是否有在這裏是首選方法，因爲，他們都有自己的優點和缺點。

加載每個單獨的文件，那麼我會說，它的老校友，你必須實現帕德佈局到everyfile
重新加載頁面可確保人沒有JavaScript可能使用（使用頁眉和頁腳文件時除外）該網站
所有頁面到不同的div加載一切從開始（較慢的頁面加載），但切換到新頁面時更快
用ajax刷新div可能是最快的解決方案（技術上）。第一個頁面打開速度最快，單個頁面不應該加載太久。

重新加載整個頁面或通過ajax刷新將是我個人首選的選項。但我認爲它總是向他最喜歡的開發者提出。

來源

2013-07-08 10:56:23 l0rdseth

在這個階段，你明顯知道但知道pagination，你應該專注於用新鏈接重新加載頁面。

查找分頁。

來源

2013-07-08 11:12:43

點擊側欄鏈接更改主分區中的內容

回答

相關問題