Keine pagechange Ereignis auslösen

In jQuery mobile, versuche ich zu erkennen, dass eine erfolgreiche Seite wechseln zu einer bestimmten Seite. Ich habe den folgenden code, inline auf der Seite die ich laden will. 

<script>
     $(document).bind( "pagebeforechange", function( e, data ) {
            alert("pagebeforechange");   
        });

        $(document).bind( "pagechange", function( e, data ) {
            alert("pagechange");   
        });
        $(document).bind( "pagechangefailed", function( e, data ) {
            alert("pagechangefailed");   
        });
       $(document).live( "pagebeforechange", function( e, data ) {
            alert("pagebeforechange live");   
        });

        $(document).live( "pagechange", function( e, data ) {
            alert("pagechange live");   
        });
        $(document).live( "pagechangefailed", function( e, data ) {
            alert("pagechangefailed live");   
        });
</script>

Bekomme ich die entsprechenden Warnungen beim laden der Seite direkt, oder erfrischend, aber nicht beim navigieren aus einem anderen Bereich in der Jquery-Mobile-app.

Seite aufgerufen wird, die "Ihr Auto" - Reiter in der Fußzeile

<div  id="footer" data-role="footer" data-position="fixed"> 
    <div data-role="navbar">
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="index.html">Features</a></li>
            <li><a href="about.html">Your Car</a></li>
            <li><a href="index.html">Contact</a></li>
        </ul>
    </div>
</div>
  • Wie werden Sie die Auslösung der Seite ändern ? können Sie einige Ihrer code ?
  • Gemacht haben, dass mehr explizit in der Frage, danke.
  • Haben Sie versucht, pageshow oder pagebeforeshow Seite übergang Veranstaltungen? jQM-Docs: jquerymobile.com/demos/1.0.1/docs/api/events.html
  • Ich habe jetzt keine Freude.
InformationsquelleAutor Mild Fuzz | 2012-01-27
  1. 2

    Würde es funktionieren, um Ihren code in das pageshow-event? Es können, wenn Sie versuchen zu erkennen, die Seite oder Position. So etwas vielleicht:

    <script type="text/javascript">

$('[data-role=page]').live('pageshow', function (event, ui) {
   hash = location.hash;
   page = hash.susbtr(1);

   if (page.indexOf('about.html') >= 0) { 
      alert('you made it!'); 
   }
});

</script>

    UPDATE

    Nach der Prüfung dieses Szenario ein bisschen mehr und Wiederlesen deiner Frage, ich denke, ich konnte die Ergebnisse reproduzieren.

    Diese funktioniert, wie Sie beschrieben und nur feuert Warnungen beim laden der Seite direkt oder bei Aktualisierung der Seite:

    <body>

<div data-role="page">
    <!-- page stuff -->
</div> 

<script type="text/javascript"> ..bind events... </script>
</body>

    Jedoch, wenn ich mich bewege, das javascript direkt in die Seite ein, funktioniert es wie erwartet und feuert alle gebundenen Ereignisse, egal, wie die Seite erreicht wurde:

    <body>

<div data-role="page">

    <script type="text/javascript"> ..bind events... </script>

    <!-- page stuff -->
</div> 

</body>
    • Art der Lösung habe ich, aber es ist ein hack, nicht wirklich eine Lösung.
    • auch nach dem Test noch ein bisschen, meine Lösung funktioniert nicht gut entweder. Würde es helfen, wenn Sie erklärt Skript-Typ - type="text/jasvascript" ?
    • das update beschreiben, wie Sie Ihre html-setup?
    • verdammt, laptop ist bei der Arbeit und ich wirklich wollen, dies zu versuchen!! werde berichten am Montag
    InformationsquelleAutor shanabus
  2. 0

    Wo sind Sie verbindlich zu dieser Veranstaltungen?

    Haben, Lesen Sie Folgendes in den Docs http://code.jquery.com/mobile/latest/demos/docs/api/events.html:

    Wichtig: Verwenden Sie pageInit () nicht $(document).ready()

    Das erste, was Sie lernen in jQuery ist der Aufruf-code, der in der
    $(document).ready () - Funktion, so wird alles ausgeführt, sobald die
    DOM geladen ist. Doch, in jQuery Mobile, Ajax verwendet wird, laden Sie die
    Inhalt jeder Seite in den DOM, wie Sie navigieren, und die DOM-ready
    handler nur ausgeführt wird, für die erste Seite. Um code auszuführen, wenn ein
    neue Seite wird geladen und erstellt haben, können Sie binden Sie an das pageinit-Ereignis.
    Dieses Ereignis wird im detail erklärt, am Ende dieser Seite.

    • Ich bin nicht mit entweder. Getestet pageinit, es scheint nicht zu funktionieren besser und auf das Lesen der Dokumentation, so scheint es pagechange ist, was ich will
    • mit dieser wollte ich sagen, dass vielleicht dort, wo Sie binden Ihre Veranstaltungen, es ist zu früh...
    InformationsquelleAutor Luke
  3. 0

    Lukas denkt in die richtige Richtung ist: klar, das problem Sie hatte mit dem zu tun hat, wo in der code, der die Bindung stattfindet. Diese wird nachgewiesen durch shanabus.

    Jedoch in Ihrem Fall, Sie tun sollten, die dann bindend, wenn Sie jQuery mobile mobileinit - Ereignis ausgelöst wird, nicht pageInit, wie Luke vorgeschlagen wird.

    Beispiel (feuert auf alle Seiten-ändern von Ereignissen):

    <script type="text/javascript">
    $(document).bind('mobileinit', function() {
        $(document).on('pagechange', function () {
            window.alert('page changed!');
        });
    });
</script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.js"></script>

    So wie im code oben, bewusst sein, dass Handler ausgelöst durch mobileinit enthalten sein müssen vor der jQuery mobile <script> tag.

    InformationsquelleAutor Julian A.
Schreibe einen Kommentar