jquerymobile數據圖標問題

如果我在我的html數據圖標中使用CDN託管的JavaScript和css url顯示正確。如果我在我的項目中使用本地文件夾位置，它不起作用。找到下面的代碼以供參考。我只有下面提到的CDN網址的內容。請建議我做錯了什麼。jquerymobile數據圖標問題

下面的代碼不工作，圓形圖標顯示，但我沒有得到圖標內的信息標誌「我」。

<!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網址，圖標與信息符號來

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

來源

2013-08-21 krrr25

可能重複[jQuery的，爲什麼我的一些圖標開始尋找不正確（http://stackoverflow.com/questions/15761246/jquery-why-some-of-my-icons-start-looking -incorrect） – Omar

如果你使用它在本地您需要的圖標圖像上傳到服務器。 CDN將在第二個示例中爲您提供圖像，因爲css正在查看與css文件相關的文件夾。

的CSS的圖標類裏面你會看到它使用了以下內容：

background-image: url(images/icons-36-white.png);

所以你需要下載圖標從jQuery的文件。例如，從這裏：http://code.jquery.com/mobile/1.3.2/images/icons-36-white.png

來源

2013-08-21 12:42:10

我已經從jquerymobile網站下載了css並保存到我的項目文件夾中。這個文件不包含這些圖像？ – krrr25

如果你從這裏下載你應該也得到的圖像：http://jquerymobile.com/resources/download/jquery.mobile-1.3.2.zip –

對不起，我沒有下載這些圖像 – krrr25

如果你正在主持的CSS樣式表對jQuery Mobile的，那麼你還需要將圖片（這是在JS和CSS文件排在同一個.zip文件中找到）

圖像精靈應該位於一個名爲images的目錄中，該目錄與jQuery Mobile CSS樣式表位於相同的目錄中（樣式表相對引用這樣的圖像：background-image：url（images/icons- 18-white.png）;）。的

Source Location

來源

2013-08-21 12:45:32

jquerymobile數據圖標問題

回答

相關問題