jQuery下拉菜单在使用滚动条时被隐藏

Question

我正在研究一个语言下拉菜单。只有一个问题，我们可以在使用下拉菜单内的滚动条时停止隐藏下拉菜单吗？当我单击向上/向下箭头或滚动条时，菜单被隐藏。

这是小提琴：http://jsfiddle.net/awaises/BwcS8/

jQuery

 $(function() {
//hide menu if we click any where on the page
var menuClicked = false;
$(document).on('click', function(){
    if(menuClicked){
        menuClicked = false;   
        return;
    }
    if($(".add_language_menu_item").css('display') != 'none'){
        $(".add_language_menu_item").stop(true, true).slideToggle();
    }
});
//open menu if we click on Add More Languages menu
$(".add_language_menu").each(function(e) {
    if ($(this).find(".add_more_languages").length > 0) {
        $(this).mousedown(function(e) {
            if($(e.target).attr('type') == 'checkbox') return;
            $(this).find(".add_language_menu_item").stop(true, true).slideToggle();
            menuClicked = true;
        });          
    }
});

}）;

Answer 1

稍微

修改了我们的代码：

    $(".add_language_menu").each(function(e) {
    if ($(this).find(".add_more_languages").length > 0) {
            if($(e.target).attr('type') == 'checkbox') return;
        $(this).click(function(){
            $(this).find(".add_language_menu_item").slideToggle();
            menuClicked = true;
            });
     }});

工作小提琴