jqmobile FAQ

1. 用JavaScript弹出对话框

 $("#msgBox").popup("open"); 

<div data-role="popup" id="msgBox" data-dismissible="false" data-overlay-theme="b">
    <div data-role="header" data-theme="a">
        <h1>消息</h1>
    </div>
    <div role="main" class="ui-content">
        <h3 class="ui-title" id="lblTitle"></h3>
        <a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-b" data-rel="back">确认</a>
    </div>
</div>

 2. 用<a> 超链接打开对话框, 加这2个属性 href="#{id}" data-rel="popup"

<a href="#msgBox" data-rel="popup" class="ui-btn ui-corner-all ui-shadow" data-role="button" >按钮</a>

 3.默认情况下,按钮占满整个屏幕宽度。如果你想要一个仅是与内容一样宽的按钮,或者如果您想要并排显示两个或多个按钮,请添加 data-inline="true" 或者 ui-btn-inline 的css class

 

上一篇:javascript – 在弹出窗口上模糊图像


下一篇:JScript:如何将焦点放在弹出窗口上