3

jQuery Mobile 1.1.0 で構築されたモバイル Web アプリケーションをテストしています。Android 4.0で実行されているGalaxy Nexusを使用してWebサイトアプリケーションをテストしています. CSS スワイプ トランジションで厄介なちらつきがあり、修正方法を調べたところ、次のことがわかりました。

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

ただし、この修正を使用すると、リストビューを持つインデックス ページが表示されません。私を助けてください。何が問題なのですか？

4

3 に答える 3

4

「ちらつき」を防ぐ唯一の実際の方法は、jQuery Mobile ページ遷移を完全に無効にすることです。ドキュメントの に、次のコードを配置します。

// load your custom jQuery Mobile Defaults
<script type="text/javascript" src="mobile/js/mobile-site-custom-jqm-defaults.js"></script>

// load jQuery Mobile
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

// load your scripts.js (your javascript & functions, etc.)
<script type="text/javascript" src="mobile/js/script.js"></script>

トランジションを無効にするには、mobile-site-custom-jqm-defaults.js ファイル内に次のコードを配置します。

$(document).bind("mobileinit", function(){
  $.extend(  $.mobile , {
   defaultPageTransition: 'none'
  });
});
于 2012-12-02T16:08:22.173 に答える
4

私はネットワーク上でこのソリューションを見つけました
if (navigator.userAgent.indexOf("Android") != -1) { $.mobile.defaultPageTransition = 'none'; $.mobile.defaultDialogTransition = 'none'; }
.cordova 2.2.0、jquery 1.8.2、およびjquery mobile 1.2.0を使用して作成されたAndroidアプリでテストしました。そして、私はそれがうまくいくと言わなければなりません。jquery モバイル開発チームがトランジションのちらつきを解決してくれることを願っていますが、今はすべてをオフにするしか方法がありません。このトピックに関する最初の 30 の Google 検索からだまされたすべての CSS をチェックしたことを付け加えたいと思います。

于 2012-12-23T16:10:27.757 に答える
0

それは私にとってもうまくいきませんでした（特にiOSで）。それから私は使用しました

<a href="index.php" data-transition="none">Index</a>

それは私のために働いた。 ページ遷移

于 2012-10-11T05:51:23.383 に答える