2012-09-17 3 views
1

내가 이미지 맵이 있고 문제는 IE7과 8이 지역 태그의 호버 이벤트를 검색 할 수없는JQuery와 호버 IE7/IE8

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

을 다음 사용하고 있습니다. 이 문제를 해결할 수있는 방법이 있습니까?

+0

에서 자신을 그것을 밖으로 시도에 오신 것을 환영합니다. – 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>​ 

자바 스크립트

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

당신은 그것은 mouseover``와 함께 잘 작동합니다 http://jsfiddle.net/Xcm46/