1

** 解决了 **

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 主题并仍然让它们在框架内工作。

4

1 回答 1

0

This may sound obvious but the first thing I think of when a similar thing happens to me is browser cache. To remedy it I try ctrl-refresh, or a different browser. I am surprised how often it helps. I hope your problem is as simple. =]

于 2012-06-08T02:21:09.210 回答