jQuery 弹出的移动对话框

Question

我希望在我的页面上包含一个 dialog，可通过 popup 通过 jQuery Mobile 访问该页面。我遇到的问题是，当我按下对话框的按钮时，它没有显示，页面似乎没有响应，所以我不知道对话框是否只是隐藏了。我查看了 jQuery api 以查看是否有我遗漏的选项，但我找不到任何东西。

供参考，这是我的代码：

<a href="#my-popup" role="button" data-rel="popup" class="ui-page-theme-a ui-btn ui-corner-all ui-shadow" data-transition="pop" id="mypop">Title</a>
<div data-role="popup" id="my-popup" data-theme="a" class="ui-corner-all dialog">
    <div>
        <h3 class="hy-header">Header</h3>
    </div>
    <a href="#save-button" data-rel="popup" data-position-to="window" data-transition="pop" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b">Save</a>
    <div data-role="popup" id="save-button" data-overlay-theme="a" data-theme="a" data-dismissible="false" style="max-width:400px;">
    <div data-role="header" data-theme="a">
        <h1>Button</h1>
    </div>
    <a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b" data-rel="back">Save</a>
    <a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b" data-rel="back" data-transition="flow">Cancel</a>
</div>

jsfiddle： http://jsfiddle.net/tno49rLq/

Answer 1

如果您查看弹出窗口文档 (http://api.jquerymobile.com/popup/)，您会看到从 jQM 的版本 1 开始。4.x 它不支持链式弹出窗口：

The framework does not currently support chaining of popups so it's not possible to embed a link from one popup to another popup. All links with a data-rel="popup" inside a popup will not do anything at all.

DOC 中有一个解决方法，即在关闭第一个弹出窗口后打开第二个弹出窗口。

为了让一个弹出窗口位于另一个之上，您需要使用不同的弹出窗口插件。幸运的是，jQM 的 SimpleDialog2 插件确实支持链式弹出窗口。这是一篇描述如何使用 SimpleDialog2 实现链式弹出窗口的文章：

http://jqmtricks.wordpress.com/2014/05/16/chained-popups-with-simpledialog2/

jQuery 弹出的移动对话框

jQuery Mobile dialog from popup

jquery

jquery-mobile