JQuery Mobile 1.4以编程方式关闭对话框

Question

由于JQM 1.4更改了一些小部件，为了使用“对话”小部件，有2个选项：

1. data-role =“ page” data-dialog =“ true”
2. data-rel =“ popup”

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

如JQM文档中所述，我已经尝试使用$( ".selector" ).dialog( "close" )但是它引发了Uncaught Error: cannot call methods on dialog prior to initialization; attempted to call method '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');

Answer 1

我重现了错误。 对话框代码可以，但是您必须修复用于打开对话框的方式。 您必须添加选项：

$.mobile.changePage(domain() + '/private/manageDialog', {role:"dialog"});

或添加data-rel属性：

<a href="#manage-page" data-rel="dialog">Open dialog</a>