使用jquery的一頁Codeigniter網站？ 阿賈克斯？

Question

我希望提供一些建議，想象一下您是否會在網站上，並且僅通過導航菜單來招呼您，單擊位於屏幕左側的導航菜單，您可以在右側添加各種內容屏幕的一面被加載到各個“ div”中，然后折疊成手風琴（這實際上是一個頁面的網站（是的，我知道SEO，可訪問性和可用性很差）。現在這使我提出了一些問題。）1）是單擊這些“模塊”時為每個模塊加載數據的最佳方法。 我如何在離開索引頁的情況下加載codeigniter視圖？ 2）用戶還可以刪除“模塊”而不離開頁面如何實現？ 3）如果從3個不同的視圖中裝入了3個頁面，那么我如何才能做到這一點，所以只能打開一個手風琴？ 4）如果“模塊”中有其他鏈接，則應在其左側的另一個視圖中加載，我該如何控制它？

我知道我在征求很多建議，但我從未在網上看到過像這樣的東西，並且非常感謝您提供有關最佳方法的反饋。

Answer 1

這確實是有關jQuery和jQuery的Ajax方法的問題。 您並不是在問任何困難的問題。 只是一個菜單，它會異步調用服務器的內容，並將重新放置的HTML加載到特定的DIV中。

$("a.homePage").click(function(){
  showLoadingAnimation(); // Indicate ajax-loading
  $("div.Container").load("/home", {}, function(){
    hideLoadingAnimation(); // Hide indicator after content is loaded
  });
});

這將加載到您的home視圖中。 只要確保它不帶模板即可。 一旦開始進行實際開發，請返回此處提出更具體的問題，以獲取更快，更徹底的答復。