jquery - 如何在本地使用 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>

我在jquery-ui.css中也找到了ui-icon-closethick，但是找不到本地保存图标的方法

我找到了图标 here .

Answer 1

您好，您可以访问此网站 http://jqueryui.com/themeroller/在左侧按下按钮“下载主题”并选择您想要的平滑度主题。

• 然后你就可以解压下载的文件了。
• 转到 css/smoothness/.. 并将其所有内容复制到“样式”文件夹。
• 将引用的 css 替换为下载文件的 css 名称。
• 记住不要从“样式”文件夹中移动图像文件夹，如果要移动它，您必须更改 css 文件中的一些路径。