jQuery UI对话框模态真实。

Question

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

我的问题是：

当按钮被点击时，我需要关闭对话框。

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

但模态属性保持不变

意味着关闭对话框后不会像ui-widget-overlay属性一样起作用。

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

        }
    });

所以我的问题出在哪里呢？ 请告诉我 非常感谢。

- user2203993

Answer 1

如果您在 close 回调函数中没有执行任何操作，请将其删除。 如果您确实想要使用它，我认为此函数应该在结尾返回布尔值，因此请尝试添加 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，我认为它恰好符合您的情况。

- Alex Art.