jquery - 如何通过单击面板外部触发面板关闭

Question

我刚刚从页面顶部的“FAST QUOTE”按钮安装了一个 slideDown 面板：

链接文本

当用户单击 slideDown 面板之外的任何位置时，是否可以使面板向上滑动？面板下方？

Answer 1

看来您正在使用 jQuery（从 jQuerify (Firebug) 中看到）。因此，您需要在单击外部区域时触发关闭按钮单击。

假设幻灯片事件是 on .closeQ，指定您的外部区域并绑定click事件以触发关闭按钮。

$("outsidearea").click(function(){ $(".closeQ").trigger("click"); });

回答您的评论：

在您的向下/向上滑动方法中添加此代码（在第一行（先关闭，后打开））

$(".btn-slide.closeQ, .btn-slide2.closeQ").trigger("click");

它会判断面板是否打开，如果打开则会触发事件关闭。

Answer 2

您可以做的是将单击事件绑定到文档，如果单击面板外部的内容，它将隐藏面板，但如果单击面板内部的内容，则不会隐藏它，因此您的“显示”事件（或向下滑动或其他显示面板）

    $('.form_wrapper').show(function(){

        $(document).bind('click', function (e) {
            var clicked = $(e.target);
            if (!clicked.parents().hasClass(".class-of-panel")) {
                 $('.form_wrapper').hide();
            }
        });

    });

然后在隐藏的时候，解绑点击事件

$(document).unbind('click');