2012-02-12 88 views
2

我一直在嘗試幾個小時來實現這一點,我很接近,但沒有。如何創建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數據?

任何幫助或建議?

回答

3

UPDATE:

看起來這應該是在1.2版本:

我知道這真的不回答你的問題,但JQM團隊認爲這應該是準備1.2版本發佈:

發佈在博客JQM:

+0

這將是很酷,但是我必須在下週釋放,我不得不去完成。我可以看到在下一次迭代中使用它,但不知道在這裏做什麼。 – jini 2012-02-12 03:23:00

+0

@jini看起來應該在1.2版本中發佈: http://jquerymobile.com/test/docs/pages/popup/index.html – 2012-05-24 19:51:16

+0

我發現了1.2版本的計劃版本。我現在知道它在阿爾法,但我認爲它還沒有準備好生產。有誰知道是否有發佈計劃?謝謝 – 2012-08-30 16:18:00