Javascript 尝试使用touchOverflowEnabled覆盖jQuery Mobile默认设置时加载了两次页面

Javascript 尝试使用touchOverflowEnabled覆盖jQuery Mobile默认设置时加载了两次页面,javascript,jquery-mobile,Javascript,Jquery Mobile,按照全局配置选项中的指定,我正在尝试使用以下中指定的脚本顺序覆盖jQuery Mobile默认设置: 然而,当我在ios设备(运行ios5的iphone4)上浏览页面时,我能够做到这一点。当你访问几个链接或单击几次后退按钮时,这些页面似乎是重复的,并显示在彼此的上方 这是我的脚本顺序 <script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.4.min.js"></script> <scrip

按照全局配置选项中的指定,我正在尝试使用以下中指定的脚本顺序覆盖jQuery Mobile默认设置:

然而,当我在ios设备(运行ios5的iphone4)上浏览页面时,我能够做到这一点。当你访问几个链接或单击几次后退按钮时,这些页面似乎是重复的,并显示在彼此的上方

这是我的脚本顺序

    <script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.4.min.js"></script>
    <script>
    // my custom script
                $(document).bind("mobileinit", function(){
                    //apply overrides to default settings
                    $.mobile.touchOverflowEnabled = true;
                    $.mobile.loadingMessage = false;
                    $.mobile.defaultPageTransition = 'none';
                });
    </script>
    <script src="//ajax.aspnetcdn.com/ajax/jquery.mobile/1.0/jquery.mobile-1.0.min.js"></script>

//我的自定义脚本
$(document).bind(“mobileinit”,function(){
//将替代应用于默认设置
$.mobile.touchOverflowEnabled=true;
$.mobile.loadingMessage=false;
$.mobile.defaultPageTransition='none';
});
以下是示例(查看ios设备上的bug视图):

我不确定我做错了什么,我在任何地方都没有遇到过这个问题。奇怪的是,这个问题无法在ios模拟器或浏览器中重现

我已经删除了所有其他脚本来消除这些

如果任何人可以建议或想出一种方法以另一种方式覆盖默认设置,它可能会帮助其他人


非常感谢。

解决方案是删除下面的touchOverflow功能

   $.mobile.touchOverflowEnabled = true;
删除此参数意味着touchOverFlowEnabled被设置为其默认值false

该功能显然不稳定,正如文档中所述:-

存在已知的缺点,文档建议谨慎使用(尽管未列出此特定问题)