我正在尝试为教育目的创建一个小而简单的JS框架,但现在我遇到了一个我无法解决的问题.
目录结构
/
/framework
jquery.js
init.js
/content
home.html
style.css
index.html
问题
我显然没有在这里粘贴jQuery文件和样式表,但这里是index.html和init.js:
的index.html
<!DOCTYPE html>
<head>
<script src="framework/jquery-1.5.min.js"></script>
<script src="framework/init.js"></script>
<title>My website</title>
</head>
<body>
<div id="content">
</div>
</body>
</html>
init.js
$(document).ready(function(){
if(!window.location.hash) {
$("#content").load("../content/home.html", function() {
alert("Load was performed.");
});
}
});
home.html文件包含一些示例文本,没什么特别的.我希望jQuery将home.html的内容加载到内容div中,但是当我加载页面时没有任何反应.但是,触发了"已执行加载"消息的警报.
这个任务对我来说似乎很微不足道,所以我犯的错误可能很傻,但任何帮助都非常受欢迎.
谢谢!
更新:
它在我的服务器上使用它时有效,但在localhost中失败.我现在不能使用Firebug技巧,因为当我在本地使用它时它什么都没显示..有什么想法吗？