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;
            });
     }});

<强> Working Fiddle

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

1 个答案: