jquery - jQuery Mobile のデータ遷移スライドのオーバーラップ

Question

複数の data-role="page" があり、 data-transition="slide" を使用して次のページに遷移します。私の問題はモバイル (iOS または Android) で、次のページ (page5) がスライドして、現在のページに 1 秒間重なってしまいます。修正に関するアイデアはありますか？

<div data-role="page" id="page4">
   <div data-role="header" class="header" data-position="fixed" data-id="staticS">
      <h1>Page 4</h1>
   </div>
   <div data-role="content">    
      content here
   </div>
  <div class="footer" data-role="footer" data-position="fixed" data-id="staticS">
    <a href="#page5" data-transition="slide"></a>
  </div>
</div>

Answer 1

(スライド遷移 Jquery Mobile 1.3.1 の重複の重複)

このスレッドの dantabel の礼儀: https://github.com/jquery/jquery-mobile/issues/5764これ が答えです! jquery 1.3.2 ソース コードのこの部分を交換します。

// line 3674 - jquery.mobile-1.3.2.js
startOut = function() {
    // if it's not sequential, call the doneOut transition to start the TO page animating in simultaneously
    if ( !sequential ) {
        doneOut();
    }
    else {
        $from.animationComplete( doneOut );
    }

    // Set the from page's height and start it transitioning out
    // Note: setting an explicit height helps eliminate tiling in the transitions
    $from
        .height( screenHeight + $.mobile.window.scrollTop() )
        .addClass( name + " out" + reverseClass );
},

これで：

startOut = function() {
    if ( !sequential && reverse) {
        doneOut();
    } else if(sequential) {
        $from.animationComplete( doneOut );
    }

    $from
        .height( screenHeight + $.mobile.window.scrollTop() )
        .addClass( name + " out" + reverseClass );

    if ( !sequential && !reverse) {
        doneOut();
    }
},

そして、それは魅力のように機能します! (少なくとも iOS 7 では)

このバグは 1.4 で修正されると思います。

Answer 2

修正が見つかりました：

.ui-page { -webkit-backface-visibility: hidden; }