phonegap+jqueryMobile初始化需要设置的变量

最新推荐文章于 2025-08-06 16:42:26 发布

weixin_30908103

最新推荐文章于 2025-08-06 16:42:26 发布

阅读量161

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/crazyBugs/p/3655915.html

本文详细介绍了如何配置jQuery Mobile (JQM) 和 PhoneGap，以实现更佳的用户体验和跨域请求处理。通过调整$.mobile和$.support的属性，如默认页面过渡效果、触摸溢出支持、方向改变事件、按钮悬停延迟、CORS支持和跨域页面加载等，确保了应用在不同设备上的稳定性和兼容性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(document).bind("mobileinit",
function() {
$.mobile.defaultPageTransition = "fade";

//设置jquerymobile页面转换的特效
$.support.touchOverflow = true;
$.mobile.orientationChangeEnabled = false;

//$.mobile.orientationChangeEnabled = false 禁止触发 orientationchange 事件，并在 resize 的回调函数中判断高度和宽度变化以达到更精确的效果。
$.mobile.buttonMarkup.hoverDelay = "false";

//解决按钮的按下/划过的状态感觉反应有些迟缓
$.support.cors = true;
$.mobile.allowCrossDomainPages = true;
//所以如果PhoneGap应用想要加载远程服务器的文件，

//$.support.cors 和 $.mobile.allowCrossDomainPages 都必须设为true.并且 $.mobile.allowCrossDomainPages的设置必须要在跨域请求之前完成

$.mobile.pushStateEnabled = false;

//在HTML5中制定了一个这样的API，可以通过pushState方法的方式来修改URL，而又不会使浏览器刷新;

//JQM已经加入了对history.pushState的支持，使得JQM在支持pushState的浏览器中地址栏内的URL显示相对简洁;

//pushState是作为JQM的扩展功能使用，因此我们可以使用一个全局属性来设置这个功能的开关。例如：$ mobile.pushStateEnabled = FALSE;

$.mobile.phonegapNavigationEnabled = true;

//由于jQuery移动框架跟踪正在浏览网页在浏览器的位置散列,有可能跨站点脚本(XSS)攻击如果XSS代码出现问题可以操纵的散列并将其设置为一个跨域选择的URL

//所以设置$.mobile.phonegapNavigationEnabled = true;
    $("[data-role=header]").fixedtoolbar({
        tapToggle: false
    });
    $("[data-role=footer]").fixedtoolbar({
        tapToggle: false
    })
});

转载于:https://www.cnblogs.com/crazyBugs/p/3655915.html