【问题标题】:JqueryMobile - Migration from 1.3.2 to 1.4.2 - Panel transparent on SlideJqueryMobile - 从 1.3.2 迁移到 1.4.2 - 幻灯片上的面板透明
【发布时间】:2014-05-02 08:32:49
【问题描述】:

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

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

提前致谢

【问题讨论】:

    标签: jquery jquery-mobile panel slide


    【解决方案1】:

    看起来您有一个透明背景,可以让您透过内容看到下面的面板。您可以添加背景,也可以将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

    更新: ui-panel-wrapper 绝对是透明的。

    添加这个 CSS,问题就消失了:

    .ui-panel-wrapper {
        background-color: rgb(35, 71, 160) !important;
    }
    

    更新FIDDLE

    【讨论】:

    • 我看了看,用谷歌检查了元素,它不是透明度(css)的问题,反正我看不到。老实说,我很困惑,这个问题很奇怪。某处/可能的错误之类的东西。但是我不是一个真正的专家,99% 的时间我可以找到这些问题。也许它很容易。老实说,我想知道。
    • @Tasos,请参阅我的更新答案。包含非面板内容的 .ui-panel-wrapper DIV 绝对是透明的(请参阅您的 design-1.4.2.css 文件)。给这个 div 一个背景颜色或线性渐变等可以消除这个问题。
    • 做得很好。我想知道包装器是从哪里来的。如果您检查元素面板或以其他方式没有这样的条目。我会认为它们是一个透明的入口。再次干得好。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-12-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多