如何做到这一点可以点击 显示内容 部分

how to do that can click the show content part?

本文关键字：显示 部分 何做 这一点      更新时间：2023-09-26

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

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

当我更改top值时，在IE7和IE6下，我仍然无法单击显示内容中的链接。

不是好方法，但对你有用，更好的方法：使用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
    });
});

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

$(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();
    });
});
相关文章：