2012-12-20 55 views
2

有人必须有这个答案,这是让我疯狂!jquery mobile css不从本地加载,只能从网络加载

我测试一个jQuery Mobile的页面,并在我的index.html页面如下:

<link rel="stylesheet" href="css/jquery.mobile-1.2.0.min.css" /> 
<script src="js/jquery-1.8.2.min.js"></script> 
<script src="js/jquery.mobile-1.2.0.min.js"></script> 

它不工作。该页面无法识别css或js。但是,当我通过网络加载它的作品:

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> 
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> 

我已经复制和下载这些文件来检查,我有正确的本地文件。为什么它会从外部URL加载,但不是我的本地文件?

+2

对于index.html文件夹,你有一个子文件夹'js'和子文件夹'css'吗? –

+0

你能指出我们的实时文件吗? – j08691

+0

这可能是因为你没有提及正确的网址尝试以'/'开头,这意味着从域名开始,根据你的域名给出你的路径。 –

回答

1

如果您的项目根目录中有js文件夹和css文件夹,请添加前导“/”。领先的斜线将在域的开始处启动您。

<link rel="stylesheet" href="/css/jquery.mobile-1.2.0.min.css" /> 
<script src="/js/jquery-1.8.2.min.js"></script> 
<script src="/js/jquery.mobile-1.2.0.min.js"></script> 
+0

的子文件夹中仍然没有运气。添加前导“/”似乎没有任何区别。 – Darren

+2

我终于在另一篇文章中找到了答案。在本地安装这些css文件时,需要与它们一起安装图像文件。他们需要在CSS文件夹中的子文件夹中 – Darren