0

我正在使用 JqueryMobile 设置一个应用程序。每当我点击我的导航时，下一页会出现在当前页面的顶部一秒钟然后消失，然后过渡开始并出现下一页。这是其他人都遇到的已知问题吗？如果是，我该如何解决。我知道闪烁过渡存在问题，但我认为这不一样。我正在使用未更改的 jquerymobile 文档。下面是我的代码：

https://gist.github.com/2401211

4

4 回答 4

2

您的投诉/问题很常见。在 android 2.x 设备上，过渡可能特别可怕。这是他们博客的引述

我们在 1.0 之前做了大量工作以使我们的过渡尽可能平滑，但有两件重要的事情最终变得非常困难：需要在过渡之间滚动页面以及 Android 较差的动画性能。资源

话虽如此，我的建议是更新到 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>
于 2012-04-17T05:15:14.717 回答
0

试试这个修复：

.ui-page {
    -webkit-backface-visibility: hidden;
}
于 2012-04-16T20:28:26.487 回答
0

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

于 2012-04-17T00:29:17.427 回答
0

我已经多次遇到这个问题，就在我准备自杀的时候，发现问题出在一些自定义的 CSS 类中，我已经解决了！例如，我的身体声明中有：

body{
    margin: 0px;
}

删除边距，瞧！有些东西是固定的！在其他应用程序中，我在自定义包装类声明中发现：

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

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

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

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

试试看，如果它解决了您的问题，请告诉我们！

于 2012-07-09T16:00:22.443 回答