0

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

https://gist.github.com/2401211

4

4 に答える 4

2

あなたの苦情/問題は一般的なものです。トランジションは、android 2.x デバイスでは特にひどいものになる可能性があります。ここに彼らのブログからの引用があります

1.0 に至るまで、トランジションを可能な限りスムーズにするために多くの作業を行いましたが、2 つの重要なことが非常に困難であることが判明しました。トランジション間でページをスクロールする必要があることと、Android のアニメーション パフォーマンスが低いことです。ソース

そうは言っても、私の提案は、JQM バージョン 1.1.0 final に更新することです。

これを使用して開始します

<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-17T05:15:14.717 に答える
0

この修正を試してください:

.ui-page {
    -webkit-backface-visibility: hidden;
}
于 2012-04-16T20:28:26.487 に答える
0

私は何度かこの問題に直面しており、自殺しようとしていたとき、問題がいくつかのカスタム CSS クラスにあることに気づき、修正しました! たとえば、ボディ宣言に次のように記述しました。

body{
    margin: 0px;
}

余白を取り除くと、ほら!何かが修正されました!他のアプリでは、カスタム ラッパー クラス宣言で見つけました。

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

もちろん、この「絶対」はエンジンに絶対位置でページをレンダリングさせ、次に遷移を開始します。

それで、あなたの問題を解決する方法は?

すべての .css ファイルにコメントを付け、クラスごとにテストを開始し、移行を試してみることをお勧めします。移行が失敗すると、そこに「邪魔な」クラスができます。

試してみて、問題が解決するかどうかお知らせください。

于 2012-07-09T16:00:22.443 に答える
0

これは、同じ ID を使用する際の問題である可能性があります。ID が各ページで異なることを確認してください。私にはそう聞こえます

于 2012-04-17T00:29:17.427 に答える