jQuery Mobile數據轉換幻燈片重疊

我有幾個data-role =「page」（s），我使用data-transition =「slide」轉換到下一頁。我的問題是在移動設備上（iOS或Android），下一頁（第5頁）滑動並重疊當前頁面一秒鐘。任何想法修復？jQuery Mobile數據轉換幻燈片重疊

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

來源

2012-11-10 user1040259

相關門票：https://github.com/jquery/jquery-mobile/issues/ 5764 我想它會在JQM 1.4中修復，時間會證明。 – Taiko

實測值的修正：

的.ui頁{ -webkit-背面能見度：隱藏; }

來源

2012-11-10 05:49:40 user1040259

（的overlap in slide transition 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，我們會看到:-)

來源

2013-12-17 11:01:52 Taiko

jQuery Mobile數據轉換幻燈片重疊

回答

相關問題