如何在jQuery点击其他区域时关闭我的下拉列表？

Question

我为我的框架创建了一个简单的下拉列表...，我想关闭除了下拉列表之外的其他区域，如Bootstrap。

这是我的代码：

$('.ji-dropdown-click button').click(function () {
    var animationObject = $(this).parent().find('.ji-dropdown-menu').data('animation');
    $(this).parent().find('.ji-dropdown-menu').toggle().addClass('animated' + ' ' + animationObject);
});

你能帮帮我吗？谢谢......

Answer 1

您可以使用此代码：

$('body *:not(.ji-dropdown-click)').click(function() {
   $('ji-dropdown-click').hide(500);
});

Answer 2

试试这段代码：

$(document).click( function(){
    $('.ji-dropdown-menu').hide();
});

它应该有用。