【问题标题】:jQuery mobile popup dimensionjQuery 移动弹出窗口维度
【发布时间】:2013-07-03 18:47:24
【问题描述】:

我的 jQuery 移动弹出标题与内容的大小不同。

jQuery 1.8.3 和 jQuery mobile 1.2.0。

<div data-role="popup" id="commentPopup" style="width: 800px;" class="ui-corner-all">
    <div data-role="header" data-theme="b" class="ui-corner-top">
        <h1>Please enter your comment</h1>
    </div>
    <div data-role="content" data-theme="b" class="ui-corner-bottom ui-content">
        <textarea></textarea>
        <a href="#" data-role="button" data-inline="true" id="okComment" data-theme="a">OK</a>
        <a href="#" data-role="button" data-inline="true" data-rel="back" data-theme="a">CANCEL</a>
    </div>
</div>

有关信息,我用$('#commentPopup').popup("open"); 打开它。

是否可以在弹出窗口打开时禁用滚动? 是否可以防止用户在页面的其他位置单击时关闭弹出窗口?

谢谢

【问题讨论】:

  • 您是否在某处覆盖 jQM 类? .ui-header 左右?为防止关闭弹出窗口,请将 data-dismissible="false" 添加到弹出 div 中。 jsbin.com/ulavul/1
  • 是的,你是对的。我覆盖了.ui-content。解决了。关于dismissible,我认为它仅在jQM 1.3.0 之后可用。但是我使用 jQM 1.2.0。我可以使用任何等效或技巧吗?谢谢
  • 我推荐使用 jQM 1.3.0。
  • 如果我改变了,我必须重新验证整个应用程序......成本时间!
  • 我猜dismissible在1.2.0中也可以使用

标签: javascript jquery jquery-mobile popup


【解决方案1】:

我正在覆盖 @Omar 找到的 CSS .ui-content 类。

问题解决了。

关于可解雇,这对于 jQM 版本

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-06-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-01-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多