jquery - 在外部单击时隐藏按钮

Question

由于我是新手，所以不知道该怎么做。单击按钮 .dropB 时，我需要一个下拉菜单 .dmenu，并且需要 .dmenu 尽快隐藏当按钮被点击或点击按钮之外的任何地方时。

$('.dropB').click(function(){
      $('.dmenu').toggle();
})

但这不允许它在单击 .dropB 之外的任何位置时隐藏。请提供任何帮助，我们将不胜感激。

Answer 1

您可以使用:

$('.dropB').click(function (e) {
    e.stopPropagation();
    $('.dmenu').toggle();
})

$(document).click(function (e) {
    if (!$(e.target).is('.dmenu')) {
        $('.dmenu').hide();
    }
})

<强> Fiddle Demo