Zeitverzögerte automatische Seitenumleitung JQuery Mobile

Question

Hallo Ich versuche, eine Seite automatisch auf eine andere Seite, in einem JQM-Index, umleiten. Ich möchte auch, dass die Weiterleitung um etwa 3 Sekunden verzögert wird. Also im Grunde möchte ich # Verhalten-Zusammenfassung (zeigen Sie für 3 Sekunden) und gehen automatisch zu # Order-Zusammenfassung, ohne zu klicken. Ich weiß, dass es wahrscheinlich eine einfache Lösung dafür gibt. Ich habe viele Antworten hier versucht, aber die scheinen nicht zu funktionieren. Ich benutze JQ 2.1.4 und JQM 1.4.5.

Für eine Seite nicht dies ist kein Begrüßungsbildschirm, es wird eine .gif, die Animation Bestätigung nach einer Benutzereingabe ein Element zeigt. Im Moment benutze ich nur eine Schaltfläche, wie Sie in # Verhalten-Zusammenfassung sehen können. Das Ziel ist, in der Lage zu sein, die, keine Taste nur gerade Redirect nach einer bestimmten Zeit zu entfernen.

Hier sind einige Lösungen, die ich versucht habe, die aus irgendeinem Grund nicht funktioniert:

Example 1

Example 2

Wenn jemand dabei helfen kann, ich es stark

schätzen würde

<div data-role="page" id="order-summary"> 
    <div data-role="header"> 
     <h1>Record Drink</h1> 
     <a href="#nav-panel" data-icon="bars" data-iconpos="notext">Menu</a> 
    </div> 
    <div data-role="content" id="summary-img"> 
     <img src="img/behavior_4.png"/> 
     <a href="#behavior-summary" class="ui-btn ui-corner-all ui-btn-a" >Save</a> 
    </div> 
</div>  


<div data-role="page" id="behavior-summary"> 
    <div data-role="header" id="record-header"> 
     <h1>Record Drink</h1> 
     <a href="#nav-panel" data-icon="bars" data-iconpos="notext">Menu</a> 
    </div><!-- /header --> 
    <div data-role="content" id="summary-img"> 
     <img src="img/drink_1.gif"/> 
     <a href="#order-summary" class="ui-btn ui-corner-all ui-btn-a" >Save</a> 
    </div> 
</div> 

Vielen Dank im Voraus!

Answer 1

Sie könnten das pageshow Ereignis verhaltens Zusammengefasst verwenden und dann eine SetTimeout mit Verzögerung von 3 Sekunden und einem pagecontainer Änderungsverfahren auf die erste Seite zurück:

$(document).on("pageshow","#behavior-summary", function(){ 
    setTimeout(function(){ 
    $(":mobile-pagecontainer").pagecontainer("change", "#order-summary", {}); 
    }, 3000); 
}); 

DEMO

Wenn Sie es vorziehen, die pagecontainer Ereignisse:

$(document).on("pagecontainershow", function(event, ui) { 
    if (ui.toPage.prop("id") == "behavior-summary"){ 
    setTimeout(function(){ 
     $(":mobile-pagecontainer").pagecontainer("change", "#order-summary", { }); 
    }, 3000); 
    } 
}); 

Answer 2

actual have not understand your whole Q, but if you are looking for a redirect then you can use a window.location.href = '#pagname or string'; or if you want to stop the setInterval then you can use clearInterval function 

Please let me know if i can help you or i help understand the your pro