如何创建jQuery Mobile Popup Alert机制？

我一直在尝试几个小时来实现这一点，我很接近，但没有。如何创建jQuery Mobile Popup Alert机制？

目标很简单。具有可在应用程序中随处使用的功能弹出警报。

例如，我有一些代码，我想要一个简单的测试，如果后显示一个弹出：

if (message.type == "Error") { //lets show a popup !!! 

    $.mobile.changePage("alert.html", { 
    type: "post", 
    data: "alert_title="+message.type+"&alert_message="+message.content, 
    transition: "pop", 
    role: "dialog", 
    reloadPage:true 
});

正如你可以看到我传递一些自定义的数据。

这里是我的警告页面的代码：

<!DOCTYPE html> 
<html> 

    <head> 
     <title>Alert</title> 
     <!--#include virtual="header.inc" --> 

    <script> 
    alert("test"); 
    $('#alert_dialog').live('pageinit', function (event) { 
    $("#alert_title").text($.urlParam('alert_title')); 
    $("#alert_body").text($.urlParam('alert_message')); 
    }); 
    </script> 

    </head> 

    <body> 
     <div data-role="page" id="alert_dialog"> 
     <div data-role="header"> 
      <h1>Alert</h1> 

     </div> 

     <div data-role="content"> 
      <h1 id="alert_title">alert title</h1> 
      <p id="alert_body">alert body</p> 
      <a href="#" data-role="button" data-rel="back">OK</a>   
     </div> 
    </div> 
    </body> 

</html>

我运行的问题是，由于被注入到DOM没有JavaScript是混得alerts.html页面执行。为什么当我们无法使用它时，jQuery Mobile甚至允许我们使用$.mobile.changePage发送POST数据？

任何帮助或建议？

来源

2012-02-12 jini