1

在本网站用户的一些帮助下，我设法整理了这个图库页面。

您将在示例页面上看到我正在使用叉号来允许用户删除图像。我遇到的问题是试图将图标更改为 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。

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

4

2 回答 2

5

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

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

这将显示垃圾桶图标。

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

于 2012-05-07T15:02:36.793 回答
2

如果您想以 jQuery 方式进行操作，这就是您要寻找的：

$(function () {
  $('.btn-delete').addClass('ui-icon-trash');
});
于 2012-05-07T15:19:14.303 回答