【发布时间】:2013-08-21 11:48:11
【问题描述】:
如果我在我的 html 中使用 CDN 托管的 javascript 和 css url,它就可以工作。如果我在项目中使用本地文件夹位置,则它不起作用。找到以下代码以供参考。我只有下面提到的 CDN url 中的内容。请指教我做错了什么。
如果我提到了 js 和 css 的本地路径,下面的代码不起作用,但我只在我的项目 css 和 javascript 文件中使用下面的 url 代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="css/jquery.mobile-1.3.2.css" type="text/css" />
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.3.2.js"></script>
</head>
<body>
<div data-role="page" id="test">
<div data-role="header" data-theme="b">
<a href="#home" data-icon="info" data-iconpos="notext"></a>
<h1>Home</h1>
</div>
</div>
</body>
</html>
如果我对 js 和 css 使用 CDN url,则此代码有效
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.css" type="text/css" />
<script type="text/javascript" src="code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script>
</head>
<body>
<div data-role="page" id="test">
<div data-role="header" data-theme="b">
<a href="#home" data-icon="info" data-iconpos="notext"></a>
<h1>Home</h1>
</div>
</div>
</body>
</html>
【问题讨论】:
-
您的 HTML 文件在哪里?
-
检查文件路径和浏览器控制台..
-
你的 HTML 文件在哪里??
-
js 和 css 文件路径与此 html 文件相关,如果您使用的是 chrome,请检查页面上的元素并在网络选项卡中检查您的文件是否正确加载。
-
你怎么知道文件没有加载?使用
Firebug (Net Tab)
标签: jquery html css jquery-mobile