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

$(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