Question

我正在使用IBM Worklight作为框架为Android和iPhone开发一个简单的三个标签应用程序。每个选项卡都链接到带有data-role =“page”的div，作为jQuery Mobile规范。

如果我实现了jquery fixed persistent tabbar，就像那里解释的那样（http://jquerymobile.com/demos/1.2.0/docs/toolbars/footer-persist-a.html），我在页面转换中的标签项上遇到了一些闪烁（带有任何转换效果）。如果我将默认转换设置为“none”，我可以解决这个问题，但是我失去了原生效果。

仅当我使用真正的Android设备（Xperia Neo，GS2）测试应用程序时才会出现此行为。

如果我使用我的智能手机浏览http://jquerymobile.com/demos/1.2.0/的页面，特别是在这里：http://jquerymobile.com/demos/1.2.0/docs/toolbars/footer-persist-d.html我无法看到奇怪的行为，但页脚不会持续通过页面，它只是像整个内容一样重新渲染，这种情况更糟（这种情况发生在股票浏览器或Dolphin上，而使用Chrome看起来非常好。）

有没有办法改善这种效果，还是有另一种方法来实现固定的持久性标签栏？

我用作默认Android联系人应用程序的参考。

Answer 1

因为您使用rel="external"在页面之间导航，所以可能会出现这种情况。试着在没有ajax的情况下从一个页面传递到另一个页面，你会发现闪烁会消失

Answer 2

问题是由于在渲染3d过渡时Android环境的WebView性能不佳。通过删除过渡效果解决：

$.mobile.defaultPageTransition = "none";

其他可能有用的功能是将这些属性放在AndroidManifest.xml中：

<supports-screens
    android:anyDensity="true"
    android:largeScreens="false"
    android:normalScreens="true"
    android:smallScreens="false"
    android:xlargeScreens="false" />
 <application
        android:debuggable="false"
        android:hardwareAccelerated="true"/>

带有页面转换的jQuery Mobile持久性固定标题选项卡栏

2 个答案: