2012-07-02 3 views
0

http://jsfiddle.net/9LuS2/팝업 : IE7에서 작동하는 마우스 오버?

이 코드는 최신 브라우저 + IE8에서 작동하는 것으로 보입니다. 그러나 IE7 (IE를 열고 F12를 누르고 IE7 모드를 실행)에서 바이올린이 전혀 작동하지 않으며 실제로 작동하는 페이지에서 작동하지 않지만 클릭하면 나타나는 것처럼 보입니다. 그러면 멀리 가지 않을거야.

IE7로 돌아갈 수있는 DIV로 호버 이벤트를 수행하는 가장 좋은 방법은 무엇입니까?

JS를 사용해야합니까?

그렇다면 누군가이 프로젝트에서 jquery를 사용할 수 없으므로 pure JS 또는 YUI lib를 제안 할 수 있습니다.

+0

http://code.google.com/p/ie7-js/이 당신의 친구입니다. 그것은 예전의 많은 브라우저를 수정합니다. 자바 스크립트이지만 자바 스크립트 작성에 대해 걱정할 필요가 없습니다. 모두 완료되었습니다. 페이지에 링크를 추가하기 만하면됩니다. –

답변

0

예, 이전 IE는 .test:hover .test_hidden (내부 요소 선택자는 :hover)을 좋아하지 않습니다. JS가 옵션 인 경우

, 당신은 YUI의 hover event를 사용할 수 있습니다

​YUI().use('node', 'event-hover', function (Y) { 
    var outer = Y.one('.test'); 
    var inner = Y.one('.test_inner'); 

    function showInnerDiv() { 
     inner.removeClass('test_inner_hidden'); 
    } 
    function hideInnerDiv() { 
     inner.addClass('test_inner_hidden'); 
    } 

    outer.on('hover', showInnerDiv, hideInnerDiv); 
});​​​​​​