2014-03-05 75 views
1

我需要能夠在我的js文件中使用jQuery圖標。我被導入UI JS這樣的:在本地使用jQuery UI圖標

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> 

但我需要在本地有它在我的文件夾中,所以我下載了js和現在是:

<script src="scripts/jquery-ui.min.js"></script> 

但是,這導致我的圖標不在我的這部分代碼加載:

icons: {primary: "ui-icon-folder-open"}, 

我需要這個UI圖標文件夾打開圖標,我在哪裏得到這個jpg圖片,以及如何把這個?

+1

CSS在哪裏?該文件具有圖標精靈的網址。 – Mooseman

回答

1

默認情況下,jQuery UI CSS正在尋找images/[spriteName].png中的圖標。 (圖像目錄應與css位於同一目錄中。)

您可以在http://jqueryui.com/download/下載jQuery UI(包括JS,CSS,圖像和演示)。

可以在文檔中找到圖標類列表:http://api.jqueryui.com/theming/icons/

+0

好吧我會嘗試 – PhoonOne

+0

我應該如何鏈接到html頁面開始部分的導入部分中的那個文件夾?所以文件夾的名稱是jquery-ui-1.10.4,我把它放在/ src – PhoonOne

+0

@JennyC無論引用哪個css文件(例如'www.example.com/src/jqueryui.min.css'), 'images'目錄應該在它旁邊。 (例如'www.example.com/src/images /'),jQuery UI被編寫爲自動使用該位置相對於CSS文件的圖像。您不需要參考「」中的圖像。 – Mooseman

1

你需要的資源(如圖示),以及因此從這裏下載整個包:

http://jqueryui.com

,然後將其解壓到本地文件夾。

+0

下載並解壓縮之後,圖標:{primary:「ui-icon-folder-open」}會起作用嗎? – PhoonOne