以编程方式关闭对话框

由于JQM 1.4更改了一些小部件，为了使用"dialog"小部件，有两个选项:

1. data-role = "页面" data-dialog = " true "
2. data-rel = "弹出"

我使用第一种方法，所以当用户单击我的对话框的"确定"按钮时，我更新数据库，如果一切正常，我想关闭对话框。

正如JQM文档中提到的，我尝试过使用$( ".selector" ).dialog( "close" )，但它抛出了Uncaught Error: cannot call methods on dialog prior to initialization; attempted to call method 'close'。一些示例代码:

对话框的HTML

<div id="manage-page" data-role="page" data-dialog="true" data-corners="false" data-close-btn="right" data-overlay-theme="b"> 
    <div data-role="header">
        <h1>Manage</h1> 
    </div>
    <div data-role="content">  
        <h3>Title</h3>
        <input type="text" id="title" value=""/>
        <a href="#" id="saveTitle" data-role="button">Save</a>  
    </div>
</div>

对话框JS

$(document).on('click', '#saveTitle', function(){
    var title= $('#title').val();
    $.ajax({
        type: "POST",
        url: CUSTOM_URL,
        success: function(data) {
            if(data != -1)
                $('#manage-page').dialog('close'); 
            else
                // Some stuff
        },
        error: function() {
            console.log("ERROR saving title");
        }
    });
});

怎么了?由于

我已经解决了使用data-rel="back"在我的打开按钮和删除$('#manage-page').dialog('close');