jquery - jquery 将鼠标悬停在图像地图 ie7/ie8 上的区域上

Question

我有一个图像映射，并且正在使用以下

 $('area').hover(function(e) { 

问题是 ie7 和 8 没有检测到区域标签的悬停事件。有解决方法吗？

Answer 1

我创建了一个简单的演示，试图重现您的问题，但它似乎正在工作。我用的是IE9，但是通过集成的开发者工具改变浏览器模式来测试IE7和IE8。

HTML

<img src="http://placekitten.com/g/400/400" width="400" height="400" alt="Kitten" usemap="#areamap" />

<map name="areamap" id="areamap">
  <area shape="rect" coords="100,100,300,300" href="#top" alt="Top" id="area1" />
</map>​

Javascript

$('area').hover(
    function(event) { console.log(event.type, this.id); },
    function(event) { console.log(event.type, this.id); }
);

​ 欢迎您在http://jsfiddle.net/Xcm46/上亲自试用