0

http://jsfiddle.net/9LuS2/

このコードは、最新のブラウザー + IE8 で動作するようです。しかし、IE7（IEを開き、F12を押してIE7モードを実行）では、フィドルはまったく機能せず、実際に作業しているページでは機能しませんが、クリックすると表示されますが、それから離れません。

IE7に戻って動作するDIVでホバーイベントを行う最良の方法は何ですか.

JS を使用する必要がありますか?

もしそうなら、私はこのプロジェクトに jquery を使用できないので、誰かが純粋な JS または YUI lib を提案できます。

4

1 に答える 1

0

はい、古い IE は好きではありません.test:hover .test_hidden( の内部要素のセレクター:hover)。

JS がオプションの場合、YUI でhover イベントを使用できます。

​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);
});​​​​​​
于 2012-07-03T14:59:05.057 に答える