jquery-mobile - pageinit の jQuery モバイル ポップアップ

Question

ページが読み込まれるとすぐにポップアップが開くようにしたいのですが、糸車で動けなくなっているようです。

これは、問題を示すためのフィドラーです。

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/

注:前者は jQuery 1.7 の時点で減価償却されているため、(デリゲート フレーバー)に置き換え.live()ました。.on()

Answer 2

には、イベントの後に設定される が.popup('open')必要です。イベントはポップアップの方が良いようです。$.mobile.activePagepageinitpagechange

これは私のために働いた：

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

最初のロード時にのみ必要な場合は、次を使用します.one。

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

https://github.com/jquery/jquery-mobile/issues/3384を参照してください