使 jQuery mobile 与 apple-itunes-app 兼容答案

【问题标题】：Making jQuery mobile compatible with apple-itunes-app使 jQuery mobile 与 apple-itunes-app 兼容
【发布时间】：2013-05-26 16:16:20
【问题描述】：

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

这是页面加载后的样子：

这是页面加载时的样子，或者用户一直向上滚动时的样子：

【问题讨论】：

能否提供截图？当您将页面一直向上滚动时，iTunes 横幅是否可见？
是的。请参阅我更新的帖子以获取屏幕截图。
首先，不要像这样盲目地替换jQuery源代码中出现的某些代码。这简直是毫无意义。
是固定的data-position="fixed" 标头吗？
嗯，我觉得如果 jQuery 函数不允许我选择初始滚动，那么 js 文件中的函数会。但事实并非如此。而且它不是data-position="fixed" 标头，可悲的是，这是 jQuery Mobile 的默认行为。

标签： javascript jquery meta

【解决方案1】：

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

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

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

【讨论】：