0

我正在使用 jQueryMobile 开发移动网页。我发现在页面转换过程中总是有一条线(at the bottom ~40px)，尤其是在slideup转换时。

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

4

1 回答 1

0

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

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

关于线路：

默认情况下，jquery mobile ui-mobile 类或任何其他类将网页最小高度设置为 460px。所以我将最小高度设置为 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 );

你会发现一切都很好。

于 2012-10-03T12:16:33.553 回答