带有history = false autocloses的JQuery Mobile弹出窗口

Question

我试图显示弹出,但弹出自动消失,而历史=假弹出保持可见,但在随后关闭弹出窗口浏览器的后退动作被触发

<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/

有关如何解决此问题的任何想法？

Answer 1

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

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

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