由于将cordova-app(jquery + jquery mobile)从版本1.3.2迁移到1.4.2,我遇到了问题。
我在这里提供了一个例子: http://wasted-dreams.de/tmp/
如您所见,面板导航滑入,滑出时它在背景中保持透明几毫秒。之后它正确地消失了。 效果也存在于slideIN上,但速度更快且几乎不可见。
动画中添加的css类是“.ui-panel-animate”,动画结束后该元素会获得一个额外的属性“panel-closed”
到目前为止我的分析。但我真的没有找到任何css选项或我的代码的JS东西,可以负责这种效果。
有人知道如何解决此问题吗?
提前致谢
答案 0 :(得分:3)
看起来你有一个透明的背景,可以让你透过内容看到下面的面板。您可以添加背景,也可以将panel-display
属性更改为push
或overlay
,而不是默认reveal
<div data-role="panel" data-display="push" id="menue" data-theme="a">
这是 DEMO
在演示中,您可以从面板中移除data-display="push"
以查看您的问题。
API参考:http://api.jquerymobile.com/panel/#option-display
UPDATE: ui-panel-wrapper绝对是透明的。
添加此CSS,问题就消失了:
.ui-panel-wrapper {
background-color: rgb(35, 71, 160) !important;
}
更新了 FIDDLE