jQuery 移动弹出窗口维度

Posted 2023-05-09

【中文标题】jQuery 移动弹出窗口维度

【英文标题】：jQuery mobile popup dimension

【发布时间】：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中也可以使用

【参考方案1】：

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

问题解决了。

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