Web アプリでのモバイル ページ遷移中のちらつき遷移/ホワイト フラッシュ/ジャンプを克服するにはどうすればよいですか? Jquerymobile と Phonegap の (.js) ファイルを使用しています。https://github.com/jquery/jquery-mobile/issues/4024または他のサイトに投稿されたソリューションはどれも うまくいきませんでした。別の jqueryTransition.js ファイルは使用しません。どんな助けでも本当に感謝しています。
3 に答える
「ちらつき」を防ぐ唯一の実際の方法は、jQueryMobileのページ遷移を完全に無効にすることです。ドキュメントのに、<head>
次のコードを配置します。
// load jQuery
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
// 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'
});
});
私はあなたと同じ問題を抱えていましたが、ハードウェアアクセラレーションを無効にすることで解決しました。
ここで報告しました:http://community.phonegap.com/nitobi/topics/disable_hardwareacceleratdisable_hardwareacceleration_on_android_ion_on_android
簡単に言うと、私の回避策はAndroidManifest.xmlで宣言することでした。
<application android:hardwareAccelerated="false"/>
参照:http ://developer.android.com/guide/topics/manifest/application-element.html#hwaccel
HTH
LimeJSフレームワークを使用しているときにちらつきのあるトランジションに遭遇しただけで、トランジションの前にオブジェクトの不透明度を0に設定することでそれを克服しました。そこから、不透明度を上げることでトランジション効果が引き継がれましたが、機能がサポートしていない可能性があります。