如何在本地使用jQuery ui-icon？

Question

我試圖使用jQuery Modal dialog，是這樣的正常工作：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 

但是當我保存在本地，關閉圖標丟失：

<link rel="stylesheet" href="Styles/jquery-ui.css" /> 
<script src="Styles/jquery.min.js" type="text/javascript"></script> 
<script src="Styles/jquery-ui.min.js" type="text/javascript"></script> 

當我檢查HTML我可以見：

<span class="ui-icon ui-icon-closethick" unselectable="on">close</span> 

我還發現它的UI圖標，closethick在jQuery的ui.css，但我不能找到一種方法來在本地保存圖標我發現圖標here。

Answer 1

你好，你可以去這個網站http://jqueryui.com/themeroller/有在左側按按鈕「下載主題」，然後選擇你想要的平滑主題。

• 然後你可以去解壓下載的文件。
• 轉到css/smoothness/..並將其所有內容複製到「樣式」文件夾中。
• 將您引用的css替換爲下載文件的css名稱。
• 請記住，不要從「樣式」文件夾中移動圖像文件夾如果要移動它，則必須更改css文件中的某些路徑。

Answer 2

轉到jquery ui網站http://jqueryui.com/download/並創建您的自定義軟件包。當你下載它時，你可以在本地使用它。你比所有的圖片和其他文件，如CSS，JS等

Answer 3

收藏這幅印圖片（http://jquery-ui.googlecode.com/svn/tags/1.6rc5/themes/base/images/454545_256x240_icons_icons.png）後，置於當地目錄下。你不想編輯他們的CSS ...所以，因爲圖標在他們的服務器上的圖像文件夾（圖像/ ui-icons_cd0a0a_256x240.png），你應該在同一個目錄中創建一個名爲「圖像」的類似文件夾，你有你的CSS ，所以你的情況就是Styles。