Phonegap / jQuery移动页面转换闪烁
我是Phonegap / jQuery mobile的新手,我在页面转换问题时遇到了白屏。 我试图应用我在网上找到的许多解决方案(例如-webkit-backface-visibility:hidden;
)但仍然没有解决问题。
我还将defaultPageTransition
设置为none
(在jQuery mobile .js文件中),但仍然没有。
我不能关闭硬件加速,因为我的iDangerous swiper菜单需要它。 我的所有链接都是这样的:
Some String
当我点击链接时调用someFunction()。 方法someFuction看起来像这样:
function someFunction(){ //setting some value that I need in next page window.sessionStorage.setItem("someValue",someValue); window.location="next-page.html"; }
除了页面转换期间的白色闪光外,一切正常。 它仅在某些设备上显示(例如Android 4+)。
有什么方法可以解决这个问题吗? 或者也许我做错了什么? 提前致谢!
请尝试以下方法
Some String
JS
$(document).on('pagecreate', function(){ $('#mylink').bind('click',function(){ someFunction() }); }); function someFunction(){ window.sessionStorage.setItem("someValue",someValue); $.mobile.changePage("next-page.html"); }
你需要一些东西才能调用Jquery mobile js这样做:
那就足够了
android:hardwareAccelerated="false"
打开清单并将其粘贴到应用程序标记内。 因为您的设备硬件每次都会加速呼叫
在为更高的Android目标构建时, android:hardwareAccelerated隐式设置为true,这会导致在jQuery Mobile转换期间出现闪烁。
将其设置为android:hardwareAccelerated =“false”将解决此问题。 (我也有缩放和用户可扩展禁用)
http://developer.android.com/guide/topics/graphics/hardware-accel.html
你可以把你的链接写成
Some String
因为jquery mobile在页面转换中不是很流畅。因此我们可以选择将它们关闭,以便现在直到最新版本的jquery mobile与正常的页面转换被释放。