С задержкой автоматического перенаправления страницы JQuery Mobile

Question

Привет я пытаюсь сделать страницу перенаправить автоматически на другую страницу, в многостраничный индекс JQM. Я также хочу, чтобы перенаправление было отложено примерно на 3 секунды. В общем, я хочу # поведенческое резюме (показывать в течение 3 секунд) и автоматически возвращаться к # порядковому порядку без нажатия кнопки. Я знаю, что, возможно, есть простое решение для этого. Я попробовал многие ответы здесь, но, похоже, не работает. Я использую JQ 2.1.4 и JQM 1.4.5.

Для стороны, не являющейся заставкой, это будет.gif, который показывает подтверждение анимации после ввода пользователем элемента. сейчас я просто использую кнопку, как вы можете видеть на # поведении-резюме. Цель состоит в том, чтобы иметь возможность удалить кнопку "нет", просто прямое перенаправление через определенный промежуток времени.

Вот некоторые решения, которые я попробовал, но по какой-то причине они не работают:

Пример 1

Пример 2

Если кто-то может помочь с этим, я был бы очень признателен

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

Заранее спасибо!

Answer 1

Для возврата на первую страницу вы можете использовать событие pagehow итогового поведения, а затем setTimeout с 3-секундной задержкой и метод изменения pagecontainer:

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

DEMO

Если вы предпочитаете события pagecontainer:

$(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