Question

我正在使用jQueryMobile开发移动网页。我发现在页面转换期间始终有一行(at the bottom ~40px)，尤其是slideup转换。

例如，当使用$.mobile.changePage()向新页面调用slideup时，将显示一个空白页面，中间底部有一个股票行，然后页面显示新页面。没有功能失败只是看起来很奇怪。

Answer 1

之前我遇到过这个问题并尝试从stackoverflow和github中搜索答案。但我没有找到一个非常完美的解决方案。

最后，我尝试使用一些技巧来解决这个问题。

关于这一行：

默认情况下，jquery mobile ui-mobile类或任何其他类将网页min-height设置为460px。所以我将min-height设置为460+或更高。然后白线将消失。

关于页面闪烁或闪烁：

通常我们会像这样编写jquery移动网络应用程序：

page1: 
<body>
  <div>...All Main Content Here</div>
</body>

page2:
<body>
  <div>...All Main Content Here</div>
</body>

但我改变它是这样的：

page1:
<body>
  <div id="page1">
    <div>...All Main Content here</div>
  </div>
</body>

page2:
<body>
  <div id="page2" style="display:none">
    <div>...All Main Content here</div>
  </div>
</body>

在每次页面转换后调用一个函数：

setTimeout(function(){ $("#page2").css("display","block"); } , 80 );

你会发现一切都很好。

在jQueryMobile的页面转换期间出现了股票线

1 个答案: