问题包括css和javascript文件

时间:2013-08-21 11:48:11

标签: jquery html css jquery-mobile

如果我在我的HTML中使用CDN托管的javascript和css url它可以工作。如果我在我的项目中使用本地文件夹位置它无法正常工作。找到以下代码以供参考。我只收到了下面提到的CDN网址的内容。请建议我做错了什么。

下面的代码无法正常工作,如果我提到我的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网址,则此代码有效
<!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>

1 个答案:

答案 0 :(得分:0)

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