关于Bootstrap 3 Dropdown的jQuery mouseout问题

Question

请你看看this demo，让我知道为什么.dropdown-menu鼠标滑过？你可以看到我有一个脚本：

$('.navbar .dropdown').click(function() {
      $(this).find('.dropdown-menu').slideToggle(400);
    }, function() {
      $(this).find('.dropdown-menu').slideToggle(400)
    });

$(".dropdown-menu").mouseout(function(){
      $(".dropdown-menu").slideUp(400)
});

我在.mouseout()选择器上有一个.dropdown-menu功能，但是当用户将鼠标悬停在其上时，您会看到下拉菜单向上滑动！能告诉我为什么会发生这种情况以及如何解决这个问题吗？

由于

Answer 1

您需要使用mouseleave代替mouseout

$(".dropdown-menu").mouseleave(function () {
    $(".dropdown-menu").slideUp(400)
});