我无法通过 <area> 标签在 FireFox 中触发 jQuery 悬停事件答案

【问题标题】：I can't get jQuery hover events to trigger in FireFox over <area> tags我无法通过 <area> 标签在 FireFox 中触发 jQuery 悬停事件
【发布时间】：2012-11-22 22:43:28
【问题描述】：

我认为这可能与区域标签无关，但我猜可能是这样。

这是一个下载我的源代码的链接，因为它很难解释 http://temp-share.com/show/YgFHjkPEy

您知道如何在 FF 中获得与 chrome/safari 相同的功能吗？

【问题讨论】：

建议大家用jsfiddle做一个测试用例，在这里分享一下。
我无法让它在 jsfiddle 中工作，因为一切都依赖于实际图像......
我想我解决了这个问题。请参阅您的其他帖子。

标签： javascript jquery html firefox area

【解决方案1】：

在您的图像标签上，您需要在地图名称之前放置一个井号标签。

<img class="pic1 day" src="img/LMday.png" usemap="#img_map" border="0" width="2798" height="450" alt="" />

【讨论】：

别担心，我很高兴我破解了它 - 我知道它必须是简单的！

【解决方案2】：

问题不在 Firefox 中，悬停事件有效。请参阅此示例 jsFiddle。 http://jsfiddle.net/JWvNC/3

$(function(){
    $('map area').mouseover(function(){ $('#log').append('<p>'+this.getAttribute('href') +'</p>'); });
});

【讨论】：

嗯，问题出在 FireFox 中，因为这是唯一一个不能在其中工作的浏览器。我现在知道不是“悬停”导致问题，而是其他问题......跨度>