jquery-mobile - pageinit 上的 jQuery 移动弹出窗口

Question

我希望在页面加载后立即打开一个弹出窗口，但似乎被旋转轮卡住了。

这是一个 fiddler 来演示这个问题，任何帮助都将不胜感激。

http://jsfiddle.net/Ohpyx/UGfXG/

我正在使用的代码是:

$(document).live('pageinit',function(event){
    $('#popupBasic').popup('open');
})​

Answer 1

这对我有用:

$(document).on('pageinit', '.ui-page',function(event){
    setTimeout(function () {
        $('#popupBasic').popup('open');
    }, 0);//Note the comment below from @Taifun.
})​

您有一个竞争条件，这会将弹出代码放在队列的末尾。

这是一个演示: http://jsfiddle.net/UGfXG/6/

注意:我替换了 .live()与 .on() (委托(delegate)风格)，因为前者在 jQuery 1.7 中已被贬低。