Question

我正在使用JqueryMobile设置应用程序。每当我点击导航时，下一页显示在当前页面的顶部一秒钟然后消失，然后转换开始，出现下一页。这是其他任何人都有的已知问题，如果有，我该如何解决它。我知道闪烁转换存在问题，但我不认为这是相同的。我正在使用未经修改的jquerymobile文档。以下是我的代码：

https://gist.github.com/2401211

Answer 1

您的投诉/问题很常见。在Android 2.x设备上，转换尤其可怕。这是他们博客的引用

我们做了大量的工作，导致我们的转换为1.0 尽可能顺利，但有两个重要的事情转向非常困难：需要在转换之间滚动页面和Android的动画表现不佳。 Source

据说我的建议是更新到JQM 1.1.0版本。

使用此功能开始

<html> 
    <head> 
    <title>My Page</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
</head> 
<body> 

<div data-role="page">

    <div data-role="header">
        <h1>My Title</h1>
    </div><!-- /header -->

    <div data-role="content">   
        <p>Hello world</p>      
    </div><!-- /content -->

</div><!-- /page -->

</body>
</html>

Answer 2

尝试this fix：

.ui-page {
    -webkit-backface-visibility: hidden;
}

Answer 3

这可能是使用相同ID的问题。检查以确保您的每个页面上的ID都不同。这就是我听起来的样子

Answer 4

我多次面对这个问题，就在我自杀的时候，发现问题出现在一些自定义的CSS课程中，我已经修好了！例如，我在我的身体声明中：

body{
    margin: 0px;
}

删除保证金，瞧！有些东西被修复了！在其他应用程序中，我在自定义包装类声明中找到了：

.wrapper{
    <blabla>
    position:absolute;
    <blabla>
}

当然，这个“绝对”强制引擎将页面呈现在绝对位置，然后启动转换。

那么，如何解决您的问题？

我建议您注释所有.css文件，并开始逐个类测试，尝试转换，当转换失败时，您会遇到“令人不安”的类。

尝试一下，如果它能解决您的问题，请告诉我们！

JqueryMobile - 我的页面在转换之前出现

4 个答案: