2013-04-02 20 views
7

我在我的應用程序上使用jQuery手機,一切正常,但我只注意到下面這兩個項目看起來不正確了。jQuery爲什麼我的一些圖標開始看起來不正確

第一個是一個選擇,曾經是一個小箭頭,而不是那個空的灰色圓圈。

,是裝完輪曾經有動畫輪現在有一個空的灰色圓圈..

不知道哪個代碼變化的一部分,真正實現這一點,任何想法第二?

enter image description here

enter image description here

+0

是否使用JQM CDN鏈接或者您主持他們在本地?如果您將它們放置在本地,則JQM的圖像應位於_JS/images/_下,例如'JS/jquery1.3.0.js'和'JS/images/jqmicons.png' – Omar

+0

@Omar是這就是我最近改變的東西,我現在在本地使用我該怎麼辦? – Spring

回答

4

Mayu Mayooresan答案是使用CDN託管jQuery的移動是正確的。

如果您想在本地託管它,download jQuery Mobile,請將文件解壓縮到文件夾/js/。結構應該是這樣的:

HTML文件,直接在文件夾

的webapp/index.html中

腳本下根/ JS文件夾

webapp/js/jquery.mobile-1.3.0.min.css

web應用/ JS/jQuery的1.8.2.min.js

web應用/ JS/jquery.mobile-1.3.0.min.js下

圖像/ JS /圖像/

web應用/ JS /圖像/ Ajax的loader.gif

web應用/ JS /圖像/圖標-18-black.png

web應用/ JS /圖像/圖標-36-black.png

web應用/ JS /圖像/圖標-18-white.png

web應用/ JS /圖像/圖標-36白色。PNG

在HTML文件中:

<head> 
<link rel="stylesheet" href="js/jquery.mobile-1.3.0.min.css" /> 
<script src="js/jquery-1.8.2.min.js"></script> 
<script src="js/jquery.mobile-1.3.0.min.js"></script> 
</head> 
+0

tnx但不知何故,它不工作..你有什麼想法是什麼缺少,只是將圖像文件夾添加到JS。其他目錄已經工作並存在。但沒有運氣。我也使用jQuery mobile-1.8可能吧? – Spring

+0

嘗試使用最新的jQuery移動腳本。 http://jquerymobile.com/download/它不適用於所有小部件?按鈕,列表視圖,複選框等等?你能顯示''中的鏈接嗎?和文件的位置? – Omar

4

你缺少的參考圖像文件。您需要將圖像放入您的項目中。當您將庫下載爲ZIP文件時,您可以找到包含圖像的文件夾。

否則使用CDN如下

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" /> 
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script> 
+0

當與CDN一起使用時,我在生產環境中遇到了一些問題,不記得錯誤,但是如果不能訪問域 – Spring

+1

,如果您丟失了互聯網連接,那麼CDN將無法工作。但CDN比本地文件更好。例如,如果用戶使用其他一些網站使用相同的cdn,那麼您的網站將不會再次下載它,而是從瀏覽器緩存中獲取文件。 –

相關問題