带有 history=false 的 JQuery Mobile 弹出窗口会自动关闭

我试图显示一个弹出窗口，但弹出窗口自动消失，没有 history=false 弹出窗口保持可见，但在关闭弹出窗口时，浏览器返回 Action 被触发

<div data-role="page" id="indexpage">
    <div data-role="popup" data-history="false" id="appPopup">test popup</div>
    <script>
    $("#indexpage").on("pageshow", function () {
        $("#appPopup").popup("open");
    });
    </script>
</div>

检查这里发生了什么:
http://jsfiddle.net/francisdb/ThtfZ/

关于如何解决这个问题的任何想法？

最佳答案

工作示例:http://jsfiddle.net/Gajotres/2EL5R/

$("#indexpage").on("pageshow", function () {
    var popup = setInterval(function(){
        $("#appPopup").popup("open");
        clearInterval(popup);
    },1);
});

Webkit 浏览器讨厌弹出打开，因此需要使用 setinterval 来触发它。其他一些 jQuery Mobile 功能也是如此。

关于带有 history=false 的 JQuery Mobile 弹出窗口会自动关闭，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15830213/