jQuery 工具 – 悬停时的图像更改不起作用 [关闭]

Posted

技术标签:

【中文标题】jQuery 工具 – 悬停时的图像更改不起作用 [关闭]【英文标题】:jQuery Tools – Image change on hover not working [closed] 【发布时间】:2015-08-01 23:44:19 【问题描述】:
function() 
  return typeof o!=="undefined"&&
            !o.event.triggered 
               ? o.event.handle.apply(arguments.callee.elem,arguments)
               : g

我正在开发一个 asp.net 网站。对于网站上的产品类别,类别的图像来自数据库。我已经让那些进展顺利,但鼠标悬停事件的图像来自网站的其他部分。该站点正在使用一个我从未听说过的名为 jQuery 工具的库,它带有一个叫做 sizzler css 引擎的东西。如果有帮助,这里是我正在处理的页面的链接。您会注意到 Duck Commander 链接无法更改为悬停图像。

上面的代码是开发者工具发现的激活更改图像的代码。

The Website in Question

【问题讨论】:

只是一个想法,但作为实习生,你不应该被周围的人教吗?提出问题,这就是你在那里的原因! 你在网上看过文档吗? 你见过jquerytools.github.io/download吗? @ScottKnox 你应该考虑改变你的实习工作场所。 jQuery 永远不应该用于这种情况。研究 CSS sprites 甚至 SVG 【参考方案1】:

看起来您缺少 Duck Commander 鼠标悬停在图像上:

GET http://fireworkssupermarket.com/Content/images/categories/duckCommander_over.png 404 (Not Found)

【讨论】:

【参考方案2】:

虽然我不一定同意该网站的设计,但我可以理解进入一个您无法从头开始的项目。

也就是说,在我看来,您只是缺少路径中标题为“duckCommander_over.png”的悬停图像文件:

Content/images/categories

在你的文件结构中找到这个文件夹,看看文件是否存在,如果不存在,你需要创建它。

【讨论】:

看起来 zgood 打败了我!他应该担任代表。【参考方案3】:

斯科特,

您只是缺少检索悬停操作所需的图像文件。该站点正在寻找您站点上不存在的“duckCommander_over.png”文件。看起来悬停图像是在图像程序中手动创建的(它不是通过 CSS 或 javascript 应用的效果),因此您必须上传已应用红光的图像并将其命名为“duckCommander_over.png”

【讨论】:

以上是关于jQuery 工具 – 悬停时的图像更改不起作用 [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

jQuery .css background-position-x 在悬停时更改在 IE 中不起作用

悬停时的jquery图像预览-如何设置固定位置?

jQuery在悬停时更改(带有淡入淡出动画)div的背景图像

Jquery Animate 背景图像在悬停时摇摆在 Firefox 中不起作用

更改链接悬停时的背景图像

使用jquery动态更改背景颜色后,背景颜色的CSS悬停选择器不起作用