为什么' mapify.js'不适用于Google Chrome

时间:2015-06-26 15:19:47

标签: jquery google-chrome

我发现这个图书馆只是为了调整地图的“coords'自动完成并在鼠标悬停在该区域时绘制地图区域。

它在Firefox上完美运行,但我在谷歌浏览器上有一些奇怪的行为。我试了很多东西让它起作用,但没有成功。它根本不适用于谷歌浏览器。

这是一个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

在这个网站上正常使用谷歌浏览器。

任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:2)

我在地图标签上遗漏了“name ='mapa'”属性。之后它完美无缺!

这是更新的jsFiddle: Updated code

currentOp()