JqueryMobile - 我的頁面出現在轉換之前

我正在用JqueryMobile設置一個應用程序。每當我點擊我的導航時，下一頁出現在當前頁面的頂部一秒鐘，然後消失，然後轉換開始，下一頁出現。這是一個已知的問題，任何人都有，如果是的話，我該如何解決它。我知道閃爍轉換有一個問題，但我不認爲這是相同的。我正在使用未經修改的jquerymobile文檔。下面是我的代碼：JqueryMobile - 我的頁面出現在轉換之前

https://gist.github.com/2401211

來源

2012-04-16 nate8684

將代碼發佈到JSFiddle中會更有幫助，因此我們可以看到輸出並使用代碼進行播放。 – Jasper 2012-04-16 20:57:44

對於每個尋找答案的人...解決方案=不要使用轉換。希望轉換被固定在jquerymobile的下一次迭代中。 – nate8684 2012-04-17 16:51:13

你從來沒有說過你運行的是什麼設備，它有什麼操作系統，並且你使用的是舊版本的jQuery Mobile。例如，如果您正在運行iOS 5以上版本的iPhone，則使用PhoneGap應用程序。將無法使用Nitro JS引擎和您的應用程序。將運行速度約爲Safari瀏覽器的一半。如果您更新到新版本的jQuery Mobile（1.1.0 Final），那麼只有可以處理轉換的設備才能使用它，其他人都可以進行簡單的「淡入淡出」轉換。 – Jasper 2012-04-17 16:58:42

嘗試this fix：

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

來源

2012-04-16 20:28:26

謝謝，我已經嘗試過這一點，但它不能解決我的問題。 – nate8684 2012-04-17 15:00:48

這可能與使用相同ID的問題。檢查以確保您的ID在每個頁面上都不相同。這就是我想要的

來源

2012-04-17 00:29:17 imaginethepoet

我假設你的意思是頁面ID的？我查了一下，他們都不一樣。謝謝您的幫助！ – nate8684 2012-04-17 14:53:42

您的投訴/問題是常見的問題。在android 2.x設備上，轉換可能特別可怕。下面是引用形成自己的博客

我們做大量的工作領導到1.0使我們轉變爲順利地進行，但有兩個是原來出來非常困難顯著的事情：需要在轉換和Android糟糕的動畫表現之間滾動頁面。 Source

話雖這麼說，我的建議是更新到JQM版本1.1.0決賽。

使用此上手

<html> 
    <head> 
    <title>My Page</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script> 
</head> 
<body> 

<div data-role="page"> 

    <div data-role="header"> 
     <h1>My Title</h1> 
    </div><!-- /header --> 

    <div data-role="content"> 
     <p>Hello world</p>  
    </div><!-- /content --> 

</div><!-- /page --> 

</body> 
</html>

來源

2012-04-17 05:15:14 codaniel

感謝您的幫助。我在這裏設置了一個測試應用程序，只有你的代碼，並添加了導航。它仍然不幸地做着同樣的事情，在顯示轉換之前顯示下一頁。它可能是我的導航？我見過其他沒有這個問題的應用程序。這是我的代碼：https：//gist.github.com/2406606 – nate8684 2012-04-17 15:07:10

所以，多一點這個。看起來，如果我取出幻燈片切換並在導航上使用默認淡入淡出（或任何其他反轉），我的問題就會停止。它接縫綁定到幻燈片導航。我也想知道這是否也是電話問題。思考？ – nate8684 2012-04-17 15:36:49

您正在Android設備上測試嗎？告訴我更多關於你的目標平臺。問題的部分原因是設備支持3d變換的效果如何。 – codaniel 2012-04-17 21:55:44

我一直面臨着這個問題幾次，就在我要自殺，發現問題是在一些自定義CSS類，我修好了！例如，我曾在我的身體聲明：

body{ 
    margin: 0px; 
}

取出保證金，瞧！東西已經修好了！在其他應用程序中，我發現在自定義包裝類聲明：

.wrapper{ 
    <blabla> 
    position:absolute; 
    <blabla> 
}

當然，這「絕對」迫使發動機在絕對位置來渲染頁面，然後，開始切換。

那麼，如何解決你的問題？

我建議你註釋所有的.css文件，並按類開始測試，嘗試轉換，當轉換失敗時，你有「令人不安」的類。

試試吧，讓我們知道它是否解決了您的問題！

來源

2012-07-09 16:00:22

JqueryMobile - 我的頁面出現在轉換之前

回答

相關問題