Question

我已经花了好几个小时来实现这个，但我很接近但不在那里。

目标很简单。具有可在应用程序中的任何位置使用的功能弹出警报。

例如，我有一些代码，我想在简单的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
});

正如您所看到的，我传递了一些自定义数据。

以下是我的提醒页面的代码：

<!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>

我正在运行的问题是，alerts.html页面上没有javascript被执行，因为它被注入DOM。为什么jQuery Mobile甚至允许我们在无法使用时使用$.mobile.changePage发送POST数据？

任何帮助或建议？

Answer 1

使用它，它是基于JQM的弹出窗口，就像Android上的Toast消息一样。

https://gist.github.com/3136584

Answer 2

更新：

看起来应该是1.2版本：

http://jquerymobile.com/test/docs/pages/popup/index.html

我知道这确实没有回答你的问题，但是jQM小组认为这应该为1.2版本做好准备：

http://filamentgroup.com/tests/popup/docs/pages/popup/index.html

发布在jQM博客上：

http://jquerymobile.com/blog/2012/01/26/jquery-mobile-1-0-1-released/

如何创建jQuery Mobile Popup Alert机制？

2 个答案: