2012-09-17 78 views
1

我有一個圖像映射和現在用的是以下jQuery的懸停區域的圖像地圖上的IE7/IE8

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

問題是IE7和8不檢測的區域標籤懸停事件。有沒有解決方法?

+0

它應該很好地工作'mouseover'。 – VisioN

+0

IE不理解HTML5標籤。你在使用Modernizr嗎? – Dipak

+0

html5標籤是什麼?區?應該是好的http://www.w3schools.com/tags/tag_area.asp/我已經添加html5shiv,但不是通過modernizr只是一個條件。 – LeBlaireau

回答

0

我創建了一個簡單的演示,試圖重現你的問題,但它似乎工作。我使用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/