Question

http://phplist.xxmn.com/menu.html

当鼠标悬停在导航栏上时（cpanel）。它显示了它下面的相应内容。但我无法点击其中的链接。有没有办法得到它。我知道它将使用setTimeout。但我不知道该怎么做。谢谢。

当我将top值更改为小。但在IE7和IE6.i下仍然无法点击显示内容中的链接。

Answer 1

不是很好的方式，但为你工作，更好的方法：使用css top = 20px：

var timeout;

$(function(){ // = document.ready
    $("#nav ul li").hover(function() {
        $(this).find(".sub-menu").show();
        clearTimeout(timeout);
    }, function() {

        var timeout = setTimeout(function(){
            $(this).find(".sub-menu").hide();
        },1000); // 1000 = 1 second
    });
});

Answer 2

您应该将内容div放在更靠近菜单元素的旁边，并更改它的显示和消失方式。在菜单mouseover上展示它，在内容mouseout上隐藏它。我认为这是最简单的方法。

Answer 3

$(document).ready(function () {    
    $("#nav ul li").on('mouseenter', function () {
        $('#nav ul li').find(".sub-menu").hide();
        $(this).find(".sub-menu").show();
    });

    $('.sub-menu').on('mouseleave click', function () {
        $(this).hide();
    });
});

怎么做才能点击节目内容部分？

3 个答案: