jQuery UI 垃圾桶图标

Question

在本网站用户的帮助下，我成功地整理了这个画廊页面。

您将在示例页面上看到我使用十字来允许用户删除图像。我遇到的问题是尝试将图标更改为 jQuery UI“垃圾箱”图标。我找到了有问题的图标，.ui-icon-trash但我找不到任何有关如何在我的页面中实现此图标的说明。

处理图标的代码如下：

 .galleria-thumbnails .btn-delete {    
          display: block;  
          position: absolute; bottom : 0px;   
          width: 80px;     
          height: 80px;    
          cursor: pointer;     
          background: url(cross.png) no-repeat bottom; } 

我尝试过更改url(cross.png)为url(.ui-icon-trash)，但url(class=.ui-icon-trash)没有成功。如果可能的话，我还喜欢将图标居中，而不是其当前位置off-centre。

我只是想知道是否有人可以看看这个并让我知道我哪里出错了。

Answer 1

你不能这样做，你必须使用如下 HTML 代码：

<span class="ui-icon ui-icon-trash"></span>

这将显示垃圾桶图标。

没有“垃圾”图片作为图标文件。所有图标都存储在一个大的“精灵”图片文件中，然后应用一些 CSS 规则来仅显示所请求的图标。