Question

您好我正在尝试将页面自动重定向到另一个页面，在JQM多页索引中。我还希望重定向延迟大约3秒钟。所以基本上我想要＃behavior-summary（显示3秒）并自动返回＃order-summary而不点击。我知道这可能是一个简单的解决方案。我在这里尝试了很多答案，但似乎没有用。我在用 JQ 2.1.4和JQM 1.4.5。

对于一方而言，这不是一个启动画面，它将是一个.gif，在用户输入一个项目后显示动画确认。现在我只是使用一个按钮，你可以在＃behavior-summary上看到。目标是能够在指定的时间段后删除没有按钮直接重定向。

以下是我尝试过的一些因某些原因无效的解决方案：

Example 1

Example 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

您可以使用behavior-summary的pageshow事件，然后使用3秒延迟的setTimeout和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

定时延迟自动页面重定向JQuery Mobile

2 个答案: