jquery-mobile – Jquery使用PhoneGap进行闪烁导航的移动代码

$(document).bind("mobileinit",function()
{
   if (navigator.userAgent.indexOf("Android") != -1)
   {
     $.mobile.defaultPageTransition = 'none';
     $.mobile.defaultDialogTransition = 'none';
   }
});

解决方法

例如：

<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script>
$(document).bind("mobileinit",function()
{
   if (navigator.userAgent.indexOf("Android") != -1)
   {
     $.mobile.defaultPageTransition = 'none';
     $.mobile.defaultDialogTransition = 'none';
   }
});
</script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>

文档：http://jquerymobile.com/demos/1.1.0/docs/api/globalconfig.html

此外,UA嗅探不是必需的,因为jQuery Mobile测试设备是否支持CSS 3D转换,并且仅在支持它们的设备上使用漂亮的转换.这是在jQuery Mobile 1.1.0中为您完成的,但默认的回退转换是​​淡入淡出,因此您无论如何都必须更改该默认值.

$.mobile.transitionfallBACks.slideout = "none"

资料来源：http://jquerymobile.com/demos/1.1.0/docs/pages/page-transitions.html

作为一般观察,我注意到你将if / then语句放在事件处理程序中,你也可以把它放在外面,所以如果它不是Android设备,则事件绑定/触发永远不会发生.

例如：

<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script>
if (navigator.userAgent.indexOf("Android") != -1)
{
    $(document).bind("mobileinit",function()
    {
      $.mobile.defaultPageTransition = 'none';
      $.mobile.defaultDialogTransition = 'none';
    });
}
</script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>