加載內容

Question

我發現瞭如何在jQuery的這個鏈接使用AJAX一個很好的例子： http://yensdesign.com/2008/12/how-to-load-content-via-ajax-in-jquery/

我添加的內容從index.html文件到我的view.php文件（我使用笨）。

一切看起來都不錯，但是當您想切換到另一個區域時，頁面內容不會改變（與之前顯示的內容相同）。

我想也許有個問題，爲menu.js文件傳遞數據到CodeIgniter view.php文件？

你可以給我任何建議，我該如何解決這個問題？我希望這對其他人也有幫助。

Menu.js文件：

$(document).ready(function(){ 
//References 
var sections = $("#menu li"); 
var loading = $("#loading"); 
var content = $("#content"); 

//Manage click events 
sections.click(function(){ 
    //show the loading bar 
    showLoading(); 
    //load selected section 
    switch(this.id){ 
     case "home": 
      content.slideUp(); 
      content.load("sections.html #section_home", hideLoading); 
      content.slideDown(); 
      break; 
     case "news": 
      content.slideUp(); 
      content.load("sections.html #section_news", hideLoading); 
      content.slideDown(); 
      break; 
     case "interviews": 
      content.slideUp(); 
      content.load("sections.html #section_interviews", hideLoading); 
      content.slideDown(); 
      break; 
     case "external": 
      content.slideUp(); 
      content.load("external.html", hideLoading); 
      content.slideDown(); 
      break; 
     default: 
      //hide loading bar if there is no selected section 
      hideLoading(); 
      break; 
    } 
}); 

//show loading bar 
function showLoading(){ 
    loading 
     .css({visibility:"visible"}) 
     .css({opacity:"1"}) 
     .css({display:"block"}) 
    ; 
} 
//hide loading bar 
function hideLoading(){ 
    loading.fadeTo(1000, 0); 
}; 

}）;

來自javascript的動畫正在工作（加載/內容/節），但真正的內容不是從HTML文件加載。

正如我所說的，它看起來像這個腳本無法加載內容的view.php文件（這是笨「視圖」文件）

任何幫助，高度讚賞。

Answer 1

CodeIgniter需要服務sections.html和external.html。它不會默認這樣做。

假設view.php用於URL http://example.com/index.php/mycontroller/view，那麼jQuery將發送對以下URL的請求。

http://example.com/index.php/mycontroller/sections.html 
http://example.com/index.php/mycontroller/external.html 

除非你告訴笨如何對這些請求做，笨就會返回一個404，你的頁面內容將不會被更新。