Закройте диалоговое окно по щелчку (где угодно)

При создании диалогового окна JQuery JQuery вставляет класс ui-widget-overlay. Если вы привязываете к этому классу функцию щелчка, чтобы закрыть диалоговое окно, она должна обеспечивать нужную вам функциональность.

Код будет примерно таким (непроверенный):

$('.ui-widget-overlay').click(function() { $("#dialog").dialog("close"); });

Изменить: The following has been tested for Kendo as well:

$('.k-overlay').click(function () {
            var popup = $("#dialogId").data("kendoWindow");
            if (popup)
                popup.close();
        });

Этот пост может помочь:

http://www.jensbits.com/2010/06/16/jquery-modal-dialog-close-on-overlay-click/

См. Также Как закрыть модальное диалоговое окно пользовательского интерфейса jQuery, щелкнув за пределами области, закрытой рамкой? для объяснения того, когда и как применять оверлей щелчок или живое событие в зависимости от того, как вы используют диалог на странице.