jQuery移动关闭页面对话框

如何在jQuery Mobile中关闭对话框页面

在我的特殊情况下，我调用另一个页面作为页面加载，然后在该过程完成后，我希望关闭ajax页面加载，并再次出现一个对话框页面，其中包含回调ajax收到的所有数据

我的代码：

$("#login").click(function(e){
LoadingPanel();
e.preventDefault();
     $.ajax({
        url:'http://www.myurl.com/soap/login.php',
        dataType:'jsonp',
        timeout: 15000,
        cache: false,
        data: dataString,
        success:function(response){

            //Dialog page closed here

            for(var i=0; i<response.length; i++){
                    var str,str2,str3,str4,str5,str6,str7 = "";
                    str     = response[i].NE;
                    str2    = response[i].EMAIL;
                    str3    = response[i].TIPE;
                    str4    = response[i].NAMA;
                    str5    = response[i].TELP;
                    str6    = response[i].DN;
                    str7    = response[i].DESC_LOGIN;


                if(str=='-'){
                    alert('Data does not match')
                }else{
                var AllData = ""
                    AllData = 'Data1 : '+str+'\nData2 : '+str2+'\nData3 : '+str3+'\nData4 : '+str4+'\nData5 : '+str5
                    alert(AllData);
                    //How do I display this data into jquery mobile dialog?
                    } 
                }

            },
            error: function (xhr, ajaxOptions, thrownError) {
                if(thrownError==="timeout") {
                    alert("Cant connect");
                } else {
                    alert(t);
                }
            }
    });
  });

---

当我的数据成功接受->警报（AllData）时，我如何在jquery mobile对话框中显示此数据？

您还可以调用对话框的

close（）

方法以编程方式关闭对话框

$(document).bind('pageinit', function() {
    $("#bar").on('pagebeforeshow', function() {
        $("#btnClose").bind('click', function() {
            //alert('test');
            $("#bar").dialog('close');
        });

    });
});

---

一旦使用

$.mobile.changePage（'load.html'，{role:'dialog'）加载
load.html
，jQuery Mobile将为其提供一个
数据角色=对话框
。您可以使用下面的按钮将其关闭

$('[data-role=dialog]').dialog( "close" );

这将关闭对话框，实际上是任何打开的对话框，即使它没有
id

.selector
表示，
#id
，class
.class
，
数据角色=某物
…等
使用
$（“.selector”）。对话框（“关闭”）@Omar什么选择器？我调用一个页面（loading.html）@bertojoris选择器可以是页面上的任何DOM元素。如果对话框自动关闭会怎么样？？如果没有关闭按钮，则应单击关闭按钮。在我的例子中，该对话框将在ajax进程启动时出现，并在ajax进程启动时自动关闭complete@Mahesh我的对话框位于单独的html页面上。这个解决方案在我的情况下不起作用。那么，在我的情况下，如何才能做到这一点呢？？？在jqm更新了他们的对话框模型之后，它还能工作吗？现在任何页面都可以充当对话框。@Iftikarrhmankhan for 1.4使用
$.mobile.pageContainer.pageContainer（“更改”、“页面id或URL”）
，或
$，mobile.back（）
。
$('[data-role=dialog]').dialog( "close" );