jquery - 为什么 'mapify.js' 在 Google Chrome 上不起作用

Question

我发现这个库可以自动调整 map 的“坐标”，并在鼠标悬停在 map 区域上时绘制该区域。

它在 Firefox 上完美运行，但我在 google chrome 上遇到一些奇怪的行为。我尝试了很多方法来使其发挥作用，但没有成功。它根本无法在 google chrome 上运行。

这里有一个jsfiddle，你可以自己看看: Example

示例代码 HTML: <img id="imgFile" width="654px" height="1229px" border="0"
src="http://pds15.egloos.com/pds/201001/17/91/a0030191_4b52312f4e55c.jpg" usemap="#mapa"/>
<map id="mapa"><area id="11" shape="poly" coords="315,245,258,241,224,267,223,292,230,319,250,333,309,315"/></map>

Javascript代码: $("img[usemap]").mapify();

当鼠标指针位于胸部区域时，它应该改变背景颜色。不知道我是否错过了什么。

这是该插件的官方网站:mapify.js

此网站在 Google Chrome 上正常运行。

任何帮助将不胜感激。

Answer 1

我错过了 map 标签上的属性“name='mapa'”。之后就完美运行了!

这是更新后的 jsFiddle: Updated code

<map name="mapa" id="mapa">