当用户在模式对话框外单击时，如何阻止模态对话框关闭在JQuery UI中？

Question

我使用Jquery UI在一个旧项目上停留在视图上显示Modals。我遇到的问题是，当用户点击Model Dialog之外时，对话框模式视图正在关闭。在Jquery是否有可以防止这种情况的财产？我知道Bootstrap中的背景和键盘属性有助于Boostrap阻止关闭外部点击的模态基础，但Jquery UI的情况如何？

以下是我的Javascript代码：

// EDit Dialog
var updateBanquetTicketDialog = function () {
    var s = $('<div></div>').dialog({
        title: "Edit Banquet Ticket",
        autoOpen: false,
        dialogClass: "success-dialog",
        modal: true,

        buttons: [
           {
               text: "Update"
             , 'class': "btn-primary"
             , click: function () {
                 updateBanquetTicket();
             }
           },

          {
              text: "Cancel"
             , 'class': "btn-warning"
             , click: function () {
                 editBanTicketDiag.dialog('destroy');
             }

          }
        ]

    });
    return s;
}

Answer 1

我想出来了。你必须去jquery.dialog.js文件

并在show function上的第117行将其代码替换为：

var show = function () {
//call the bootstrap modal to handle the show events (fade effects, body class and backdrop div)
            //$msgbox.modal('show');
            $msgbox.modal({
                show: true,
                backdrop: 'static',
                keyboard: true
            });
        };