So erstellen Sie ein jQuery Mobile Popup-Alert-Mechanismus?

Ich habe versucht, für Stunden, dies umzusetzen und ich bin in der Nähe, aber nicht dort.

Das Ziel ist einfach. Eine funktionale popup-Warnung, die verwendet werden können überall in einer app.

Zum Beispiel habe ich einige code, in dem ich zeigen möchte, ein popup nach einer einfachen if-test:

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
});

Wie Sie sehen können, bin ich vorbei an einigen benutzerdefinierten Daten.

Hier ist der code für meine Seite Warnung:

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

Das problem, das ich führe, ist, dass kein javascript wird immer ausgeführt alerts.html Seite, da es injiziert wird, um den DOM. Warum sollte jQuery Mobile erlauben es uns sogar zum senden von POST-Daten mit $.mobile.changePage wenn wir nicht möglicherweise verwenden?

Jede Hilfe oder Anregungen?

InformationsquelleAutor jini | 2012-02-12

  1. 5

    Verwenden Sie diese, es ist JQM basiert popup-wie die Toast-Nachricht auf android.

    https://gist.github.com/3136584

    InformationsquelleAutor Kamran

  2. 3

    UPDATE:

    Sieht aus wie dieser sollte in der Version 1.2:

    Ich weiß das wirklich nicht, die Antwort auf Ihre Frage, aber die jQM-Team meint, diese sollten bereit sein, für version 1.2 release:

    Geschrieben am jQM blog:

    Das wäre Total cool, jedoch habe ich ein release nächste Woche, die ich fertig bekommen. Ich kann sehen mit, dass in der nächsten iteration, aber nicht sicher, was hier zu tun ist .
    Sieht aus wie das 1.2 release: jquerymobile.com/test/docs/pages/popup/index.html
    Ich coundnt finden der geplante release-dete, für die 1.2 final. Ich weiß, das ist noch in der Alpha-jetzt, aber ich denke, dass es nicht bereit für die Produktion. Weiß jemand, ob es einen release-plan ? Dank

    InformationsquelleAutor Phill Pafford

Schreibe einen Kommentar