Jquery mobile jQM v1.4.0.RC.1和弹出窗口

我对v1.4.0.RC.1的嵌套弹出窗口有问题。它在v1.3.2中工作。我有一个页脚，它有一个按钮，打开一个弹出窗口，其中包含一个listview，其中一个listitems打开一个弹出窗口。同样，在v1.3.2中，这与预期一样有效。。。但v1.4.0.RC.1中没有。我知道v1.4还没有推出，但我还是提出了这个问题，因为有些人可能有一些我还没有想到的见解。两种版本我都有一把小提琴。每个的代码都完全相同。唯一的区别是第一个fiddle使用1.3.2库，第二个fiddle使用v1.4.0库

此外，我还看到了链接到jQM弹出式页面的答案，显示页面本身表明不允许链接弹出式页面。然而，这通常是jQM的v1.2.0版本。v1.3.2中的弹出式演示并没有指出这一限制，事实上它确实起作用（见下面的fiddle），这一点也支持它

话虽如此，如果有人有任何指导或信息，我将非常感谢。我已经浏览了有限的1.4.0文档和互联网站，我唯一能想到的就是在

popupafterclose

事件中执行

setTimeout

，以打开另一个弹出窗口。对我来说，这似乎是一个草率的攻击，如果可能的话，我想避免这样做

无论如何，下面是1.3.2和1.4.0.RC.1的代码和小提琴

谢谢

<div data-role="page" id="pgMain">
<!-- HEADER -->
<div id="hdrMain" data-role="header">
    <h1>Popups from popups using jQM-1.3.2</h1>
</div>
<!-- CONTENT -->
<div data-role="content" id="contMain">
    With jQM-1.3.2, the menu button down there opens a popup window as a menu.  In the popup window is a listview, and the "Delete" listitem calls another popup to confirm deletion.<br/><br/>With jQM-1.4.0.RC.1, the second popup doesn't work.
</div>
<!-- FOOTER -->
<div id="ftrMain" data-role="footer" data-position="fixed" data-tap-toggle="false">
    <div class="ui-btn-inline ui-shadow" style="margin-left:5px; margin-right:2px;" data-role="controlgroup" data-type="horizontal" data-mini="true">
        <a href="#mnuSelectedItemsMenu" id="btnItemMenu" data-transition="none" data-rel="popup" data-role="button" data-icon="bars">Menu <--- Click this...</a>
    </div>
</div>
<!-- POPUP: SELECTED ITEMS MENU -->
<div id="mnuSelectedItemsMenu" data-role="popup">
    <ul id="lvItemMenu" style="min-width: 210px;" data-role="listview" data-inset="true" data-icon="">
        <li><a href="#" id="mnuDoEditTransaction" data-icon="edit" data-iconpos="right">Edit</a></li>
        <li><a href="#popupConfirmDelete" id="mnuConfirmDelete" data-icon="delete" data-iconpos="right" data-rel="popup">Delete <--- ...then this</a></li>
        <li data-role="list-divider" style="padding:2px 0px 0px 0px;"></li>
        <li><a href="#" id="mnuDoSelectAllItems" data-icon="check" data-iconpos="right">Select All</a></li>
    </ul>
</div>
<!-- POPUP: CONFIRM DELETE DIALOG -->
<div id="popupConfirmDelete" class="ui-corner-all" data-role="popup" data-overlay-theme="a" data-dismissible="false">
    <div class="ui-corner-top" data-role="header">
        <h1>Delete Transaction</h1>
    </div>
    <div class="ui-corner-bottom ui-content" data-role="content" >
        <h3 class="ui-title">Are you sure you want to delete these transactions?</h3>
        <p>This action cannot be undone!</p>
        <div class="ui-grid-a point6em" style="margin-top:10px;">
            <div class="ui-block-a">
                <a id="btnDoDeleteTransactions" data-role="button" data-mini="true">Delete</a>
            </div>
            <div class="ui-block-b point6em">
                <a data-role="button" data-rel="back" data-mini="true">Cancel</a> 
            </div>
        </div>
    </div>
</div>

使用jQM-1.3.2的弹出窗口
使用jQM-1.3.2，下面的菜单按钮将打开一个弹出窗口作为菜单。弹出窗口中有一个列表视图，“删除”列表项调用另一个弹出窗口以确认删除。

对于jQM-1.4.0.RC.1，第二个弹出窗口不起作用。



删除事务
是否确实要删除这些交易记录？
此操作无法撤消



使用jQM-1.4.0.RC.1的弹出窗口
使用jQM-1.3.2，下面的菜单按钮将打开一个弹出窗口作为菜单。弹出窗口中有一个列表视图，“删除”列表项调用另一个弹出窗口以确认删除。

对于jQM-1.4.0.RC.1，第二个弹出窗口不起作用。



删除事务
是否确实要删除这些交易记录？
此操作无法撤消

jQM 1.4有重大更改，您会注意到许多功能已经更改，并且不会像1.3中那样工作。如果没有1.4 API文档，很难预测问题。在1.4正式发布之前，请坚持使用您当前的解决方案。目前（2014-02-03）声明“不允许链接弹出窗口：不可能将链接从一个弹出窗口嵌入到另一个弹出窗口。弹出窗口中包含数据rel=“popup”的所有链接都不会起任何作用”
<div data-role="page" id="pgMain">
<!-- HEADER -->
<div id="hdrMain" data-role="header">
    <h1>Popups from popups using jQM-1.4.0.RC.1</h1>
</div>
<!-- CONTENT -->
<div data-role="content" id="contMain">
    With jQM-1.3.2, the menu button down there opens a popup window as a menu.  In the popup window is a listview, and the "Delete" listitem calls another popup to confirm deletion.<br/><br/>With jQM-1.4.0.RC.1, the second popup doesn't work.
</div>
<!-- FOOTER -->
<div id="ftrMain" data-role="footer" data-position="fixed" data-tap-toggle="false">
    <div class="ui-btn-inline ui-shadow" style="margin-left:5px; margin-right:2px;" data-role="controlgroup" data-type="horizontal" data-mini="true">
        <a href="#mnuSelectedItemsMenu" id="btnItemMenu" data-transition="none" data-rel="popup" data-role="button" data-icon="bars">Menu <--- Click this...</a>
    </div>
</div>
<!-- POPUP: SELECTED ITEMS MENU -->
<div id="mnuSelectedItemsMenu" data-role="popup">
    <ul id="lvItemMenu" style="min-width: 210px;" data-role="listview" data-inset="true" data-icon="">
        <li><a href="#" id="mnuDoEditTransaction" data-icon="edit" data-iconpos="right">Edit</a></li>
        <li><a href="#popupConfirmDelete" id="mnuConfirmDelete" data-icon="delete" data-iconpos="right" data-rel="popup">Delete <--- ...then this</a></li>
        <li data-role="list-divider" style="padding:2px 0px 0px 0px;"></li>
        <li><a href="#" id="mnuDoSelectAllItems" data-icon="check" data-iconpos="right">Select All</a></li>
    </ul>
</div>
<!-- POPUP: CONFIRM DELETE DIALOG -->
<div id="popupConfirmDelete" class="ui-corner-all" data-role="popup" data-overlay-theme="a" data-dismissible="false">
    <div class="ui-corner-top" data-role="header">
        <h1>Delete Transaction</h1>
    </div>
    <div class="ui-corner-bottom ui-content" data-role="content" >
        <h3 class="ui-title">Are you sure you want to delete these transactions?</h3>
        <p>This action cannot be undone!</p>
        <div class="ui-grid-a point6em" style="margin-top:10px;">
            <div class="ui-block-a">
                <a id="btnDoDeleteTransactions" data-role="button" data-mini="true">Delete</a>
            </div>
            <div class="ui-block-b point6em">
                <a data-role="button" data-rel="back" data-mini="true">Cancel</a> 
            </div>
        </div>
    </div>
</div>