JqueryMobile - 从1.3.2迁移到1.4.2 - 面板在Slide上透明

时间:2014-03-24 19:20:34

标签: jquery jquery-mobile panel slide

由于将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东西,可以负责这种效果。

有人知道如何解决此问题吗?

提前致谢

1 个答案:

答案 0 :(得分:3)

看起来你有一个透明的背景,可以让你透过内容看到下面的面板。您可以添加背景,也可以将panel-display属性更改为pushoverlay,而不是默认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