2

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

如果我像那里解释的那样实现jquery固定持久标签栏(http://jquerymobile.com/demos/1.2.0/docs/toolbars/footer-persist-a.html),我会在标签项上遇到一些闪烁在页面转换中(具有任何转换效果)。如果我将默认转场设置为“无”,我可以解决这个问题,但我失去了转场效果。

仅当我使用真正的 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 联系人应用程序作为参考。

4

2 回答 2

3

也许您会出现这种闪烁,因为您正在使用rel="external". 尝试在没有 ajax 的情况下从一个页面传递到另一个页面,你会看到闪烁会消失

于 2012-10-19T07:54:07.497 回答
1

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

$.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"/>
于 2013-11-28T09:19:36.440 回答