使jQuery mobile与apple-itunes-app兼容

时间:2013-05-30 22:54:10

标签: javascript jquery meta

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

以下是加载页面时的样子:

Problem

以下是页面加载时的样子,或用户滚动时的样子:

Result

1 个答案:

答案 0 :(得分:0)

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

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

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