Question

在本网站用户的帮助下，我设法将this图库页面放在一起。

您将在示例页面上看到我正在使用十字架来允许用户删除图像。我遇到的问题是尝试将图标更改为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规则来仅显示请求的图标。

Answer 2

如果你想这样做jQuery方式，这就是你要找的东西：

$(function () {
  $('.btn-delete').addClass('ui-icon-trash');
});

jQuery UI垃圾桶图标

2 个答案: