Question

我的下拉菜单出现问题。代码在这里： http://jsfiddle.net/xY2p6/1/

简单的我只是没有得到，但你可以看到它无法正常运作。我不确定如何将下拉菜单隐藏到用户悬停菜单链接时，而不是实际的下拉列表。

有什么想法吗？

Answer 1

由于您的菜单位于同一<li>内，您可以直接将鼠标悬停在其中，如下所示：

$(function() {
    $(".dropdown").hover(function() {
        $(this).children("div.sub-menu").slideDown(200);
    }, function() {
        $(this).children("div.sub-menu").slideUp(200);
    });
});

You can give it a try here，甚至更简单.slideToggle()，如下所示：

$(function() {
    $(".dropdown").hover(function() {
        $(this).children("div.sub-menu").slideToggle(200);
    });
});

You can give it a try here

Answer 2

你的javascript有些搞砸了。

$(document).ready(function() {
    $(".dropdown").hover(
        function(){
            $(this).children("div.sub-menu").slideDown(200);
        },
        function(){
            $(this).children("div.sub-menu").slideUp(200);
        }
    );
});

你去：http://jsfiddle.net/xY2p6/4/

jQuery下拉菜单问题

2 个答案: