Question

**解决了**

Chrome在缓存中的文件上显然只有一个死亡句柄。杀死进程，手动清除缓存并刷新十几次都没有做任何事情。

更改文件名以强制它下载新的。

去图。

**更新**

好的，所以这只是Chrome出现的问题。为了响应清除浏览器缓存的建议，我实际上启动了IE 9，因为它从未加载过页面。显示处于悬停状态的图标。

现在我真的很难过，因为跨平台问题有点超出我的薪水水平。这就是为什么我让JQuery首先为我做所有繁重的工作！：P

使用最新的1.8.20 JQuery。

需要一个图标，以便编辑所有7个主图标png文件，并在未使用的空间中添加一个图标。

在css文件中创建了一个带有相关偏移量的新图标。除了悬停状态外，一切似乎都运转得很好。这是空白的。

似乎无法通过检查确定悬停状态下正在使用的文件，但CSS文件表示一个png文件，其中显示了我的自定义图标。所有这些都已经过编辑。

关闭浏览器并刷新几次（虽然缓存会阻止我看到它）。

为何在悬停状态期间图标为空？

**回应反馈**

没有代码，因为正如我已经说过的那样，它正在所有其他按钮状态下工作。大部分都是在Photoshop中完成的。这似乎没必要，所以我为遗漏道歉。

.ui-icon-dollar { background-position: -160px -144px; }

这是CSS文件中唯一的额外代码行。其他一切都没有修改。

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/images/ui-icons_0078ae_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/images/ui-icons_0078ae_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/images/ui-icons_d8e7f3_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/images/ui-icons_e0fdff_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/images/ui-icons_056b93_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/images/ui-icons_f5e175_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/images/ui-icons_f7a50d_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/images/ui-icons_fcd113_256x240.png); }

这些是来自JQuery Themeroller的原始CSS行。所有主图标文件都相同（颜色除外），并且没有为图标定义多个偏移。我添加的一行代码就是通常定义图标的所有代码。

由于它在其他状态下正确显示，我只能假设偏移是正确的。

现在，对于Chrome中的检查工具，它只是在悬停状态下的span元素上没有显示任何差异。那张背景图片保持不变。

我不知道你可以使用Chrome实时编辑它！ :)谢谢你。

在悬停状态下，实时更改背景图像对按钮本身没有影响。它仍然是空白....

当然，我正在经历所有这一切，因为制作自己的图标都很精致，但你不能使用.button定义任何按钮和回调，而不仅限于那些主图标文件中的内容。单次调用激活按钮的所有不同状态，定义标签和回调都非常有用。写下更少的代码以及所有这些：）

必须有一种方法可以将按钮图标添加到JQuery主题中，并且仍然可以在框架内使用它们。

Answer 1

这可能听起来很明显，但是当我遇到类似的事情时，我首先想到的是浏览器缓存。为了解决这个问题，我尝试使用ctrl-refresh或其他浏览器。我很惊讶它经常有所帮助。我希望你的问题很简单。 =]

JQuery图标自定义和悬停状态问题

1 个答案: