jQuery Mobile - 多个弹出窗口问题

Question

我的 jQuery Mobile 网站遇到问题，我有 3 个单独的页面(在一个 index.html 文件中)，所有这些页面都会在成功事件上加载自己的弹出窗口，然后我通过 jQuery 加载弹出窗口，例如:

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

这非常有效，但是一旦用户访问了某个页面并打开了其弹出窗口，当访问后续页面时，这些页面上的弹出窗口就不会触发(但是该页面上的弹出窗口在 session 期间有效)仍然)，但是所有代码都可以在页面上运行，并且 Chrome 开发工具中没有控制台错误。

我没有任何重复的 ID，我尝试将代码放入 console.log 中，在其中触发代码以打开弹出窗口，这可以正常工作，似乎绕过了打开弹出窗口的代码。

以前有人遇到过这个问题吗？

提前致谢。

简化代码示例

<!-- PAGE 1 -->
<div data-role="page" id="page-1">
    <div data-role="content">
        <!-- BUTTON: loadPopup-1 -->
        <div id="popup-1" data-role="popup">
        <!-- Popup contents -->
        </div><!-- /popup -->
    </div><!-- /content -->
</div><!-- /page -->

<!-- PAGE 2 -->
<div data-role="page" id="page-2">
    <div data-role="content">
        <!-- BUTTON: loadPopup-2 -->
        <div id="popup-2" data-role="popup">
        <!-- Popup contents -->
        </div><!-- /popup -->
    </div><!-- /content -->
</div><!-- /page -->

<!-- JS -->
function loadPopup-1() {
    $( "#popup-1" ).popup( "open" );
}

function loadPopup-2() {
    $( "#popup-2" ).popup( "open" );
}

因此，如果用户选择第 1 页并打开其弹出窗口，则该弹出窗口将继续工作，但第 2 页上的弹出窗口将不会，反之亦然。

Answer 1

似乎不可能一次打开多个 JQM 弹出窗口。

来自文档:注意:不允许链接弹出窗口该框架当前不支持弹出窗口链接，因此无法嵌入从一个弹出窗口到另一个弹出窗口的链接。弹出窗口内带有 data-rel="popup"的所有链接根本不会执行任何操作。

这也意味着自定义选择菜单在弹出窗口中不起作用，因为它们本身是使用弹出窗口实现的。如果您将选择菜单放置在弹出窗口中，即使您指定 data-native-menu="false"，它也会呈现为 native 选择菜单。