JQuery Mobile幻燈片過渡反向但不能向前

Question

我正在構建一個具有“多頁”范例的Web應用程序，嘗試使用“幻燈片”過渡在同一頁上的DIV之間進行過渡。

我有兩個在向左或向右滑動或鍵盤觸發的功能：

function navnext(next) {
  console.log('(next) navigating to ' + next);
  $( ":mobile-pagecontainer" ).pagecontainer( "change", "#" + next, {
    transition: "slide",
    allowSamePageTransition: true
  });
}

function navprev(prev) {
  console.log('(prev) navigating to ' + prev);
  $( ":mobile-pagecontainer" ).pagecontainer( "change", "#" + prev, {
    transition: "slide",
    reverse: true,
    allowSamePageTransition: true
  });
}

反向過渡正常工作。 當前活動頁面向右滑動，而前一頁從左側向右滑動。

使用向前過渡，當前活動頁面會滑出，但空白的白色頁面會滑入。一旦白色頁面滑入，內容就會閃爍。 我不確定自己做錯了什么或可能導致這種情況只發生在一個方向上。

編輯：游玩后，我能夠通過刪除標頭來消除此問題。 我感覺到我沒有正確使用外部頭。

這是我的標頭代碼：

<div data-role="header" data-tap-toggle="false" data-theme="d">
  <div class="icon-up-arrow">
    <img src="/static/img/up-arrow-white.png">
  </div>
  <h1 id="header_text" class="smallcaps"></h1>
</div>

並且以下JS在<body>標記的末尾運行：

$( "[data-role='header']" ).toolbar({ theme: "d" });
$( "[data-role='footer']" ).toolbar({ theme: "d" });

Answer 1

將data-position="fixed"到我的標題可以解決此問題。 謝謝@ezanker。

JQuery Mobile幻燈片過渡反向但不能向前

問題描述

1 個解決方案

解決方案1
1 已采納 2015-01-08 22:12:27

JQuery Mobile幻燈片過渡反向但不能向前

問題描述

1 個解決方案

解決方案1 1 已采納 2015-01-08 22:12:27

解決方案1
1 已采納 2015-01-08 22:12:27