2012-04-16 5 views
0

私はJqueryMobileでアプリケーションを設定しています。ナビゲーションをクリックするたびに、次のページが現在のページの上に1秒間表示されてから消えてから、移行が開始され、次のページが表示されます。これは他の誰かが持っている既知の問題なのでしょうか?もしそうなら、私はどのように修正することができますか?トランジションが点滅する問題があることは分かっていますが、これは同じではないと思います。私は変更されていないjquerymobileドキュメントを使用しています。JqueryMobile - マイページが表示される前に遷移する

https://gist.github.com/2401211

+0

コードをJSFiddleに投稿すると、コードを出力して再生することができます。 – Jasper

+0

回答を探しているすべての人に... solution =遷移を使用しないでください。ホッピング遷移は、jquerymobileの次の反復のために主要に固定されます。 – nate8684

+0

実行しているデバイス、実行していたOS、古いバージョンのjQuery Mobileを使用していることはありませんでした。たとえば、iOS 5より古いiPhoneを実行していて、PhoneGapアプリを使用している場合などです。ニトロJSエンジンとあなたのアプリを使用することはありません。Safariブラウザの半分の速さで動作します。新しいバージョンのjQuery Mobile(1.1.0 Final)にアップデートすると、トランジションを処理できるデバイスだけがそれを使用するようになり、他の誰もが簡単な 'fade'トランジションを取得します。 – Jasper

答えて

0

this fixを試してみてください::以下は私のコードである

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

ありがとう、私は前にこのビットを試しましたが、私の問題を解決しません。 – nate8684

0

これは、同じIDを使用しての問題かもしれません。各ページでIDが異なることを確認してください。それは私に聞こえるものです

+0

私はあなたがページのIDを意味すると思いますか?私はチェックして、彼らはすべて異なっています。助けてくれてありがとう! – nate8684

2

あなたの苦情/問題は共通です。トランジションは、アンドロイド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> 
+0

助けてくれてありがとう。私はここにあなたのコードだけでテストアプリをセットアップし、ナビゲーションを追加しました。残念ながら同じことをして、移行を表示する前に次のページを数秒間表示します。それは私のナビゲーションですか?私はこの問題がない他のアプリを見てきました。ここに私のコードはあります:https://gist.github.com/2406606 – nate8684

+0

それでは、もう少し詳しく説明します。私がスライド遷移を取り出して、デフォルトのフェード(または他のトランス)をnavで使用すると、私の問題はなくなります。それは、スライドナビに結びつくように継ぎ目があります。私も、これが部分的にphonegapの問題であるかどうか疑問に思っています。思考? – nate8684

+0

Android搭載端末でテストしていますか?ターゲットとしているプラ​​ットフォームについて教えてください。問題の一部は、デバイスが3D変換をどれだけうまくサポートしているかです。 – codaniel

0

を始めるために、私はこの問題に数回に直面してきた、と私は自殺するつもりだったちょうどその時、問題はいくつかのカスタムCSSクラスであることがわかりました私はそれを修正しました! は例えば、私は私の体の宣言に持っていた:

body{ 
    margin: 0px; 
} 

はマージン、出来上がりを削除します!何かが修正されました! は、他のアプリでは、私は、カスタムラッパークラスの宣言で発見:

もちろん
.wrapper{ 
    <blabla> 
    position:absolute; 
    <blabla> 
} 

は、この「絶対」は絶対的な位置にページをレンダリングするためにエンジンを強制し、その後、移行を開始します。

問題を解決するにはどうすればよいですか?

すべての.cssファイルに注釈を付け、クラスごとにクラスをテストし、移行を試みることをお勧めします。移行が失敗すると、「妨害」クラスが発生します。

お試しください。問題が解決したらお知らせください。

関連する問題