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起，它不支持链式弹出窗口：

该框架目前不支持弹出窗口的链接，因此无法将一个弹出窗口中的链接嵌入到另一个弹出窗口中。弹出窗口内所有带有data-rel =“popup”的链接都不会做任何事情。

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

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

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

弹出窗口中的jQuery Mobile对话框

1 个答案: