.load()
让我很麻烦。我正在做一个分段加载器项目,但似乎无法获取所需的文件。
我想要实现的目标:
#sectionContainer
在文档加载时为空,但在文档准备就绪后,它将被填充上Pages1.html
。这是通过JavaScript文件sections.js
完成的。JS文件和index.html不在同一个文件夹中。以下是站点结构(我在我的站点上运行了很多项目)
- 主目录
- 项目1
- 项目2(sectionLoaderTest/)
- index.html
- Pages1.html
- Pages2.html
- css/
- js/
- sections.js
- 项目3
- ...
我用来在准备就绪时加载Pages1.html的代码:
$(document).ready(function () {
$("#sectionContainer").load("../Pages1.html", function (response, status, xhr) {
if (status == "error") {
var msg = "An error occurred. Status code: ";
$("#error").html(msg + xhr.status + ". Status text: " + xhr.statusText);
}
});
});
我尝试了我所知道的每种可能的方法(/、./、.、../、..),但似乎都不起作用。 有人知道我哪里出错了吗?