JqueryMobile でアプリをセットアップしています。ナビゲーションをクリックするたびに、現在のページの上に次のページが 1 秒間表示されてから消え、遷移が開始されて次のページが表示されます。これは他の誰かが抱えている既知の問題ですか? もしそうなら、どうすれば修正できますか? トランジションの点滅に問題があることは知っていますが、これは同じではないと思います。変更されていないjquerymobileドキュメントを使用しています。以下は私のコードです:
4 に答える
あなたの苦情/問題は一般的なものです。トランジションは、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>
この修正を試してください:
.ui-page {
-webkit-backface-visibility: hidden;
}
私は何度かこの問題に直面しており、自殺しようとしていたとき、問題がいくつかのカスタム CSS クラスにあることに気づき、修正しました! たとえば、ボディ宣言に次のように記述しました。
body{
margin: 0px;
}
余白を取り除くと、ほら!何かが修正されました!他のアプリでは、カスタム ラッパー クラス宣言で見つけました。
.wrapper{
<blabla>
position:absolute;
<blabla>
}
もちろん、この「絶対」はエンジンに絶対位置でページをレンダリングさせ、次に遷移を開始します。
それで、あなたの問題を解決する方法は?
すべての .css ファイルにコメントを付け、クラスごとにテストを開始し、移行を試してみることをお勧めします。移行が失敗すると、そこに「邪魔な」クラスができます。
試してみて、問題が解決するかどうかお知らせください。
これは、同じ ID を使用する際の問題である可能性があります。ID が各ページで異なることを確認してください。私にはそう聞こえます