jin*_*ini 2 jquery html5 jquery-ui jquery-mobile
我已经尝试了几个小时来实现这个,我很接近但不在那里.
目标很简单.具有可在应用程序中的任何位置使用的功能弹出警报.
例如,我有一些代码,我想在简单的if测试后显示一个弹出窗口:
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
});
Run Code Online (Sandbox Code Playgroud)
如您所见,我传递了一些自定义数据.
这是我的警报页面的代码:
<!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>
Run Code Online (Sandbox Code Playgroud)
我正在运行的问题是没有javascript在alerts.html页面上执行,因为它被注入DOM.为什么jQuery Mobile甚至允许我们在$.mobile.changePage不可能使用时发送POST数据 ?
任何帮助或建议?
| 归档时间: |
|
| 查看次数: |
27238 次 |
| 最近记录: |