我一直在嘗試幾個小時來實現這一點,我很接近,但沒有。如何創建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數據?
任何幫助或建議?
這將是很酷,但是我必須在下週釋放,我不得不去完成。我可以看到在下一次迭代中使用它,但不知道在這裏做什麼。 – jini 2012-02-12 03:23:00
@jini看起來應該在1.2版本中發佈: http://jquerymobile.com/test/docs/pages/popup/index.html – 2012-05-24 19:51:16
我發現了1.2版本的計劃版本。我現在知道它在阿爾法,但我認爲它還沒有準備好生產。有誰知道是否有發佈計劃?謝謝 – 2012-08-30 16:18:00