jquery - jQuery Mobile 数据转换幻灯片重叠

Question

我有几个 data-role="page"(s) 并且我使用 data-transition="slide" 转换到下一页。我的问题是在移动设备（iOS 或 Android）上，下一页 (page5) 滑动并与当前页面重叠一秒钟。关于修复的任何想法？

<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

找到了修复：

.ui-page { -webkit-backface-visibility: 隐藏；}

Answer 2

（幻灯片过渡 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 中修复，我们会看到:-)