【发布时间】: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