点击输入框,下拉弹框,点击页面的其他部分,弹框消失

来源:互联网 发布:徐水网络互动 编辑:程序博客网 时间:2024/06/15 22:45

点击下拉框,下面会弹出一个框,再点击收回,点击页面的其他内容,此下拉弹出框也会消失:

  //选择查询的类型弹出框    $('.query_select').hide();    $('#select').click(function (e) {        if ($('.query_select').is(':hidden')) {            $(".query_select").show();        } else {            $('.query_select').hide();        }        $(document).one('click', function () {            $('#indexList').blur();            $('#indexList').click();            $('.query_select').hide();        })        e.stopPropagation();    });    $('.query_select').on('click', function (e) {        e.stopPropagation();    })


//-------------------

如果:弹出框内部还要弹出,比如弹出时间选择插件,在选择的时候想要不让父弹框消失,那么就是要在点击


0 0