在Jquery移動應用程序中閃爍的頁面轉換

在Web應用程序的移動頁面轉換期間，如何克服閃爍轉換/白色閃爍/跳轉？我使用Jquerymobile和Phonegap的（.js）文件。在https://github.com/jquery/jquery-mobile/issues/4024或其他網站上發佈的解決方案都不適用於我。我不使用單獨的jqueryTransition.js文件。任何幫助真的很感激。在Jquery移動應用程序中閃爍的頁面轉換

來源

2012-11-02 Suhas Dwarkanath

防止「閃爍」的唯一真正方法是完全禁用jQuery Mobile頁面轉換。在您的文檔的<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' 
    }); 
});

來源

2012-11-02 18:26:38 adamdehaven

謝謝你你的時間。我只是嘗試過，但它不能解決問題！ –

嗨@亞當，你很近。而不是 defaultPageTransition：'none';我用 $ .mobile.defaultPageTransition ='none'; $ .mobile.defaultDialogTransition ='none'; 這相當大的解決了這個問題，如果不是完全的！ –

我只在使用LimeJS框架時遇到了閃爍的轉換，他們克服了這一點，即在轉換之前將對象的不透明度設置爲0。並從那裏通過增加不透明度來實現過渡效果，但也許您的功能不支持它。

來源

2012-11-02 15:34:43

我有同樣的問題，因爲你，並解決它通過禁用硬件加速。

我這裏報道的：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

來源

2012-11-06 19:04:41

false，sorry（編輯） –

嗨，感謝您的信息！這是聞所未聞的..肯定會給它一個鏡頭，並檢查性能！ –

不幸的是，它不支持API小於11（Android 3.0） http://developer.android.com/guide/topics/graphics/hardware-accel.html –

在Jquery移動應用程序中閃爍的頁面轉換

回答

相關問題