jQuery UI垃圾桶图标

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

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

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

来源

2012-05-07 IRHM

你不能做到这一点，你必须使用HTML代码：

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

这将显示垃圾桶图标。

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

来源

2012-05-07 15:02:36 adrien

嗨，@adrien，非常感谢回答我的职务。请原谅我的问题，我仍然在代码的'url'元素中。我不确定要改变什么。亲切的问候 – IRHM

你不需要CSS中的'url'元素了。 – adrien

我真的很抱歉如此愚蠢，但我已经改变了这个背景：url（cross.png）no-repeat bottom; }'到这个背景：; }'。你能否告诉我我出错的地方，因为这个图标没有出现在屏幕上。再次道歉提问。亲切的问候 – IRHM

如果你想这样做jQuery的方式，这是你在找什么：

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

来源

2012-05-07 15:19:14

非常感谢您花时间帮助我解决这个问题。通过相当多的测试，我无法得到这个工作，以及其他建议的解决方案。我认为这是更多的图像软件问题，而不是您的代码。我已经纠正了这个问题并添加了一个.png文件。这很好。再次，非常感谢和亲切的问候。 – IRHM

jQuery UI垃圾桶图标

回答

相关问题