如何以编程方式启动对话框小部件,jquery mobile

时间:2013-06-11 10:59:31

标签: javascript jquery-mobile dialog modal-dialog

我有一个按钮,当用户按下它时,他订阅了一个事件。当服务器回答一切正常时,我需要以某种方式向用户显示。

创建一个简单的对话框小部件,我刚刚做了:

<a href="dialog.html" data-rel="dialog" type="button" id="submitButton">Submit</a>

这非常简单。按下按钮后,dialog.html页面将作为对话框打开。

现在我想在我的服务器的ajax调用成功的时候做同样的 BUT ,这样我就知道用户订阅了。我需要一种方法只在成功发布后打开对话框。

我试过的是创建一个这样的按钮:

<button id="submitButton"> SubMit! </button>

在.js里面我正在做像:

$("#submitButton").click(function(){

    $.ajax({
        type: "POST",
        url: "http://192.168.4.113/Server_CityInfo/subscribe.php",
        data: data,
        contentType: "application/json; charset=utf-8",
      //dataType: "json",
        success: function(response) {
            $.mobile.changePage( "dialog.html", { role: "dialog" } );
        },
        error: function(xhr, status, message) { 
                    alert("Status: " + status + "\nMessage: " + message); 
        }
     });                         
});

这里重要的一点是:

$.mobile.changePage( "dialog.html", { role: "dialog" } );

将在成功后执行。然而它不起作用,对话框没有启动..任何想法我可能在这里做错了吗?

0 个答案:

没有答案