jQuery-懸停IE問題

Question

我在jQuery中有一個自定義菜單，該菜單顯然不適用於IE 8和9。應該使用hover()方法打開多級菜單，但是它只能在IE上運行，直到從根目錄到第一級為止。

代碼：

$('ul#leftmenu li').hover(function() {
        if ($(this).hasClass('top'))
            return false;

        var p = $(this).parent().get(0);
        var o = $(this).offset();
        var t;
        var l;

        if (leftmenu_level >= 1)
        {
            t = 0;
            l = 210;
        }
        else
        {
            leftmenu.top = o.top;
            leftmenu.left = o.left;
            t = o.top;
            l = o.left + 210;
        }

        $(this).find('ul:first').css({
            position : 'absolute',
            top : t,
            left : l
        }).show();

        $(this).find('a:first').css('color', '#5a3512');
        leftmenu_level++;

                return true;
    }, function() {
        if ($(this).hasClass('top'))
            return false;

        $(this).find('a:first').css('color', '#777777');
        leftmenu_level--;

        $(this).find('ul:first').hide();

                return true;
    }
);

現場示例（左側菜單）：

http://lrp-workwear.com/

有小費嗎？

Answer 1

嘗試對您的錨標簽應用position:relative ，這似乎可以正確地強制錨標簽的寬度和高度，並觸發將鼠標懸停在整個元素上，而不僅是當前看起來正在執行的操作。

希望這可以幫助