【问题标题】:Issue in include css and javascript files包含 css 和 javascript 文件中的问题
【发布时间】: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


【解决方案1】:

如果CSS和JS文件夹放在根目录下,则在开头加斜线。

<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>

【讨论】:

猜你喜欢
  • 1970-01-01
  • 2012-09-05
  • 2014-03-01
  • 2014-11-29
  • 1970-01-01
  • 2011-09-20
  • 2011-06-17
  • 1970-01-01
  • 2014-05-22
相关资源
最近更新 更多