Question

我正在使用JQM v1.4制作移动网站。

我将这些页面设为每个HTML。例如，sub1.html，sub2.html，sub3.html

当点击sub1.html中的内容时，是否可以将sub2.html打开为弹出窗口（对话框）？

Answer 1

JQuery mobile可以在弹出窗口中打开另一个页面。它叫做Popup iframe。

<a href="#popupMap" data-rel="popup" data-position-to="window" class="ui-btn ui-corner-all ui-shadow ui-btn-inline">Open Map</a>
<div data-role="popup" id="popupMap" data-overlay-theme="a" data-theme="a" data-corners="false" data-tolerance="15,15">
    <a href="#" data-rel="back" class="ui-btn ui-btn-b ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
    <iframe src="sub2.html" width="480" height="320" seamless=""></iframe>
</div>

查看以下文档： http://demos.jquerymobile.com/1.4.2/popup-iframe/ 和 http://demos.jquerymobile.com/1.4.2/popup/

Answer 2

您可以使用JQM对话框在http://demos.jquerymobile.com/1.2.0-rc.2/docs/pages/dialog/index.html进行检查。你看过了吗？

jquery移动单页打开弹出窗口

2 个答案: