单击背景时关闭对话框 [英] Close the dialog box on background click

问题描述

我有一个jQuery UI对话框，在单击特定元素时显示。如果点击发生在那些触发元素或对话框本身以外的任何地方，我想关闭对话框。

I have a jQuery UI Dialog that gets displayed when specific elements are clicked. I would like to close the dialog if a click occurs anywhere other than on those triggering elements or the dialog itself.

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script type="text/javascript" language="javascript">
        function deselect(e) {
            $('.pop').slideFadeToggle(function () {
                e.removeClass('selected');
            });
        }

        $(function () {
            $('#contact').on('click', function () {
                if ($(this).hasClass('selected')) {
                    deselect($(this));
                } else {
                    $(this).addClass('selected');
                    $('.pop').slideFadeToggle();
                }
                return false;
            });

            $('.close').on('click', function () {
                deselect($('#contact'));
                return false;
            });

        });

        $.fn.slideFadeToggle = function (easing, callback) {
            return this.animate({ opacity: 'toggle', height: 'toggle' }, 'fast', easing, callback);
        };
</script>

推荐答案

（' < span class =code-string> .pop'）。slideFadeToggle（ function （）{
e.removeClass（ selected'）;
}）;
}

('.pop').slideFadeToggle(function () { e.removeClass('selected'); }); }

（ function （）{

（' #contact'）。on（' click'， function （）{
if （

('#contact').on('click', function () { if (

这篇关于单击背景时关闭对话框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！