Jquery js文件的路径问题
我有以下目录结构:Jquery js文件的路径问题,jquery,html,Jquery,Html,我有以下目录结构: /script/x.js /includes/x.txt /1/2/index.html 将网页挂接到JQuery后,如果在HTML文件index.HTML中运行以下命令,x.txt文件将正确显示 <script type="text/javascript"> $(function(){ $('.footer').load('../../includes/x.txt'); }); </script> 并使用 &l
/script/x.js
/includes/x.txt
/1/2/index.html
将网页挂接到JQuery后,如果在HTML文件index.HTML中运行以下命令,x.txt文件将正确显示
<script type="text/javascript">
$(function(){
$('.footer').load('../../includes/x.txt');
});
</script>
并使用
<script type="text/javascript" src="../../script/global.js"></script>
它不起作用
这显然是一个路径问题,我遇到了问题,请提供任何指导。使用绝对路径。它们以
/
开头。即:
<script type="text/javascript">
$(function(){
$('.footer').load('/includes/x.txt');
});
</script>
及
相对路径始终来自您所在的页面。由于您试图从
includes
文件夹访问文件,因此必须返回到2个文件夹,然后才能访问它
$(function(){
$('.footer').load('../../includes/footer.txt');
});
使用.load()函数时,应为其指定一个绝对URL或相对于主机根目录的URL。不是以斜杠开头,而是提供顶级目录吗?:/includes/x.txt例如,如果调用应用程序的页面位于主机根目录中,你必须做/includes/x.txt,或者如果它在一些子目录后面,你可以做/some/subdirectory/includes/x.txt。我不明白的是,即使修改了我的路径,当我从global.js文件中将它拉入时,它也不起作用,但当我将它嵌入html中时,它就起作用了。完全相同的代码。我只是在另一个html文件中尝试了jquery,它工作了,因此我现有html页面中的某些内容正在破坏它。不过,op尝试做的应该工作,并且可能有一个不使用绝对路径的正当理由。好建议+1.
$(function(){
$('.footer').load('/includes/x.txt');
});
<script type="text/javascript" src="/script/global.js"></script>
$(function(){
$('.footer').load('../../includes/footer.txt');
});