Question

我第一次使用jQuery Mobile。

我有以下代码：

<a href="index.html" data-role="button" data-icon="delete">Delete</a>

我从this site得到的。但它没有将图标更改为删除图标，只是一个黑色圆圈，后面有一个浅圆圈。

我是否必须单独下载图标？如果是的话，我在哪里可以找到它们？

Answer 1

如果您正在托管jQuery Mobile的CSS样式表，那么您还需要托管图像（可以在JS和CSS文件所在的.zip文件中找到）。

图像精灵应位于名为images的目录中，该目录与jQuery Mobile CSS样式表位于同一目录中（样式表相对引用如下图像：background-image: url(images/icons-18-white.png);）。

或者，如果您链接到CDN托管的CSS样式表，那么您不必托管图像。

以下是CDN托管的jQuery Mobile 1.0文件：

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>

来源：http://jquerymobile.com/download/

Answer 2

您可以从github下载主题，例如：https://github.com/jquery/jquery-mobile

文件应位于css/themes/*theme*/images/

jQuery Mobile图标我在哪里可以找到它们？

2 个答案: