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

Question

我被困在一个使用Jquery UI在视图上显示Modals的旧项目中。 我遇到的问题是，当用户在“ Model Dialog之外单击时，对话框模式视图将关闭。 在Jquery中有一个属性可以防止这种情况？ 我知道Bootstrap中的Boostrap和keyboard属性将有助于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
            });
        };