javascript - 使 jQuery Mobile 与 apple-itunes-app 兼容

Question

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

这是加载页面时的样子:

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

Answer 1

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

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

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