我在这个链接上找到了一个关于如何在 jQuery 中使用 AJAX 的好例子：http: //yensdesign.com/2008/12/how-to-load-content-via-ajax-in-jquery/
我将文件中的内容添加index.html到我的view.php文件中（我正在使用 CodeIgniter）。
一切看起来都不错，但是当您想切换到另一个部分时，页面内容不会改变（显示的内容与之前相同）。
我认为可能存在问题，menu.js文件将数据传递给 CodeIgniterview.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 的动画正在运行 (loading/content/sections) ，但实际内容不是从 html 文件加载的。
正如我所说，看起来这个脚本无法将内容加载到 view.php 文件（这是 CodeIgniter 'view' 文件）
非常感谢任何帮助。