jquery - 向下滑动菜单向下滑动但不向上滑动

Question

我使用 jQuery 制作了一个下拉菜单

$(document).ready( function() {
    $('ul.menu li').mouseover( function() {
        $('ul', this).slideDown(200, function(){
        $('ul.menu li ul').mouseout( function() {
            $('ul', this).slideUp(200, function(){
                $(this).stop();
            });


        });
        });
    })
});

但是在我做鼠标悬停后它并没有隐藏。

Answer 1

我认为这是因为您在 mouseover 函数中绑定了 mouseout 函数。

尝试像这样修改它：

$(document).ready( function() {
    $('ul.menu li').mouseover(function() {
        $('ul', this).slideDown(200);
    });
    $('ul.menu li ul').mouseout( function() {
        $('ul', this).slideUp(200);
    });
});