使jQuery移动端与苹果itunes-app兼容

Question

我正在尝试向jQuery移动网站添加<meta name="apple-itunes-app" content="">横幅。横幅可以工作，但它被添加到jQuery移动设备的标题目录(<div data-role="header">)之上，这是有问题的，因为jQuery会向下滚动并隐藏它所加载的每个页面上该目录之上的所有内容。这意味着用户几乎看不到横幅。我一直在尝试禁用所有的jQuery document事件，但这些事件都没有禁用这个“功能”。我还尝试在jquery.js中用scrollTo(0,0)替换所有的scrollTo(x,y)，因为我在web上的其他地方看到过这个解决方案，它也不起作用。我还能做什么呢？

以下是页面加载时的外观：

​

​

下面是页面加载时的外观，或者用户向上滚动页面时的外观：

​

​

Answer 1

从jQuery 1.4开始，现在可以使用以下代码修复此问题：

$(document).on( "mobileinit", function() {
  $.mobile.hideUrlBar = false;
});

来源：https://github.com/jquery/jquery-mobile/issues/6081