2013-08-21 49 views
-1

如果我在我的HTML中使用CDN託管的JavaScript和CSS網址它的作品。如果我在我的項目中使用本地文件夾位置,它不起作用。找到下面的代碼以供參考。我只有下面提到的CDN網址的內容。請建議我做錯了什麼。問題包括CSS和JavaScript文件

下面的代碼無法正常工作,如果我提到我的js和css本地路徑,但我使用下面的鏈接代碼只在我的項目的CSS和JavaScript文件

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

此代碼的工作,如果我使用CDN js和css的網址

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

您的HTML文件位於何處? –

+1

檢查文件路徑和瀏覽器控制檯.. –

+0

您的HTML文件位於何處? –

回答

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

如果我在開始時添加/不起作用 – krrr25

+1

您應該可以打開文件,例如http://localhost/css/jquery.mobile-1.3.2.css。它不起作用?嗯... –

+1

有一些文件名稱的問題,爲什麼不正確加載 – krrr25