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

jquery将鼠标悬停在图像地图ie7/ie8上的区域上,jquery,hover,area,Jquery,Hover,Area,我有一张图像地图,正在使用以下工具 $('area').hover(function(e) { 问题是ie7和IE8没有检测到区域标记的悬停事件。有解决方法吗?我创建了一个简单的演示,试图重现您的问题,但它似乎起到了作用。我使用了IE9,但通过集成开发工具更改了浏览器模式,以测试IE7和IE8 HTML <img src="http://placekitten.com/g/400/400" width="400" height="400" alt="Kitten" usemap="#

我有一张图像地图,正在使用以下工具

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

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

我创建了一个简单的演示,试图重现您的问题,但它似乎起到了作用。我使用了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>​

欢迎您自己在

上试用,它应该可以与
鼠标盖
配合使用。IE不懂HTML5标记。你在用Modernizer吗?什么html5标签?区域?应该可以,我已经添加了html5shiv,但不是通过Modernizer,只是一个ie条件。
$('area').hover(
    function(event) { console.log(event.type, this.id); },
    function(event) { console.log(event.type, this.id); }
);