阻止用户对对话框执行任何操作

时间:2018-02-06 06:44:59

标签: javascript jquery html

我的页面有两个jquery对话框。如果两者在不同时间打开都没有问题。仅当两个对话框一起打开时才会出现此问题。在我的情况下,第一个对话框由用户操作打开,第二个对话框由系统打开(此对话框将在会话超时发生时触发)。现在首先由用户打开并立即打开第二个对话框我需要限制用户点击对话框1上的任何内容。基本上我们应该限制用户执行任何操作对话框。

我尝试使用 resizable:false,draggable:false 但这些没有帮助。有没有办法解决这个问题。

对话1

$('.status-dialog').dialog({
            autoOpen: false,
            width: 400,
            modal: true,
            closeOnEscape: false,
            buttons: [{
                text: yes,
                click: fun1
            },
            {
                text: no,
                click: fun2

            }]
        });

对话2

$('body').append('<div title="Timeout" id="timeout-dialog">' expired </div>');
        $('#sessionTimeout-dialog').dialog({
            autoOpen: false,
            resizable: false,
            draggable: false,
            width: 400,
            modal: true,
            closeOnEscape: false,
            open: function () { $(".ui-dialog").hide(); },
            buttons: {
                "Continue": function () {
                    $(this).dialog('close');
                }
            }
        });

1 个答案:

答案 0 :(得分:1)

也许让你的代码在系统为自己触发之前关闭所有其他对话框?您当然可以在代码之间的某处添加此条件,其中对话框将以系统方式触发。