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

Question

我正在尝试使用jQuery Modal对话框,它的工作原理如下:

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

我在jquery-ui.css中也找到了ui-icon-closethick,但我找不到一种方法来保存本地图标

我在这里找到了Icon .

Answer 1

您好,您可以访问此网站http://jqueryui.com/themeroller/左侧按"下载主题"按钮,然后选择您想要的平滑主题.

• 然后你可以去解压缩下载的文件.
• 转到css/smoothness/..并将其所有内容复制到"Styles"文件夹.
• 用下载文件的css名称替换引用的css.
• 请记住,如果要移动图像文件夹,请不要从"Styles"文件夹中移动图像文件夹,您必须更改css文件中的某些路径.