Jquery ui 对话框模态 True

【问题标题】：Jquery ui Dialog Modal TrueJquery ui 对话框模态 True
【发布时间】：2013-10-16 07:17:23
【问题描述】：

我正在使用 jQuery v1.8.2 和 jQuery UI v1.9.2.

所以我的问题是。

On 按钮点击事件我已经关闭了对话框

$('#oldInvoiceDialogDiv').dialog('close');

但模态属性仍然存在

表示关闭对话框后不会像 ui-widget-overlay 属性那样工作对话框

$("#oldInvoiceDialogDiv").dialog({
        autoOpen : false,
        resizable : false,
        width : 855,
        modal : true,
        close : function(ev, ui) {

        }
    });

所以我的错是什么。请告诉我提前致谢

【问题讨论】：

标签： javascript jquery jquery-ui dialog

【解决方案1】：

如果您在关闭回调函数中没有做任何事情，请将其删除。如果你确实想使用它，我认为这个函数应该在最后返回布尔值，所以尝试添加 return true 语句。

编辑

确保在文档就绪处理程序中初始化对话框：

$(document).ready(function(){
    $("#oldInvoiceDialogDiv").dialog({
            autoOpen : false,
            resizable : false,
            width : 200,
            height:200,
            modal : true,
            buttons: {
                "Close Dialog" : function(){
                    $( this ).dialog( "close" );
                }
            },
            close : function(ev, ui) {
                alert("in Close");
                return true;    
            }
        });
    $('#btnOpen').click(function(){
         $("#oldInvoiceDialogDiv").dialog("open");
    })
});

检查这个fiddle，我认为这正是你的情况。

【讨论】：