JQuery不允许使用相对路径加载文档

时间:2014-08-28 18:47:16

标签: jquery html include

我正在使用JQuery将HTML文档包含到另一个文档中。存储HTML页面的硬盘驱动器安装在不同的计算机上,因此绝对路径无法使用(路径从一台计算机更改为另一台计算机)。

目录结构是:

  

项目/ DIR1 / toinclude1.html
  项目/ DIR2 / toinclude2.html
  项目/ DIR3 / toinclude3.html
  项目/ dir4 /的 integration.html

integration.html页面包含所有其他3页。

问题是加载功能不适用于

  

“../ dir1 / toinclude1.html”(即,带有../)

如果我将integration.html移至:

  

项目/ integration.html

适用于

  

“./ DIR1 / toinclude1.html”

但对我来说这不是最佳选择。

这看起来很奇怪 - 这是一个错误吗?

感谢您的帮助。

灵光

2 个答案:

答案 0 :(得分:0)

尝试:

$(document).ready(function(){
    $('#includedContent').load("../dir1/toinclude1.html", function() {
       //stuff
    });
});

或者,您可以发布更多指定包含的代码,以获得更大的图片吗?

答案 1 :(得分:0)

这不是一个答案,而是在Ravzan的建议之后发表的长篇评论 - 感谢道路,但不幸的是,它不起作用。

如果您想重现这个问题,请在下面找到一段示例代码 - 让我们将这个文件称为integration.html,位于项目/:

<!DOCTYPE html>
<html>
<head>
<script src="../jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$("#div1").load("./RES1/testDoc.html");
});
</script>
</head>
<body>
<h2>Below the included text</h2>
<div id="div1"></div>
</body>
</html>

这是在RES1目录中包含(testDoc.html)的文档:

<p> This is to be included </p>

目前的工作方式。但是,如果我将integration.html移动到RES2目录并使用“../RES1/”而不是“./RES1”,则文档不会加载。