我已经建立了一个下拉菜单

时间:2014-11-26 13:09:21

标签: jquery drop-down-menu menu

我想点击屏幕上的任何其他位置时它会消失 - 出于某种原因,它无法正常工作

任何人都可以帮忙解决这个问题!

这是我的剧本:

jQuery(function ($) 
{
    $('.dropdownlist-title .listbox').click(function () 
    {
        if (!$(this).parent().hasClass('active'))
            $(this).parent().addClass('active');
        else
            $(this).parent().removeClass('active');
    });
});

1 个答案:

答案 0 :(得分:1)

$("*").click(function (e) {
    e.stopPropagation();

    if ($(".dropdownlist-title").hasClass('active')) {
        $(".dropdownlist-title").removeClass('active');
    } else {
        if ($(this).parents().hasClass('dropdownlist-title') || $(this).attr('class') == 'dropdownlist_title') {
            $(".dropdownlist-title").addClass('active');
        }
    }
});

。你选择一切 。您停止事件传播以避免多次调用 。如果需要,您可以关闭下拉列表 。只有在单击了触发器(或其某些内部元素,如箭头)时才打开它

此处的工作示例:http://jsfiddle.net/lukame/usob50ex/embedded/result/