jQueryMobile - プログラムでjsエラーでポップアップを開く

Question

jQuery Mobileポップアップをプログラムで開くと、JavaScriptランタイムエラーが発生します。

0x800a138f - JavaScriptのランタイムエラー：プロパティを取得できません「nodeNameの」未定義またはnull参照の

私は、同様の結果を持っているIEとChromeの両方でテストしてみました。

<div data-role="popup" id="myPopup" data-overlay-theme="b" data-theme="c" data-dissmissible="false" class="ui-corner-all"> 
    <div data-role="header"><h1></h1></div> 
    <div data-role="content" data-theme="a" class="ui-corner-all ui-content"> 
     <p id="myPopupText">test test</p> 
    </div> 
</div> 

<script type="text/javascript"> 
    $("#main").on("pageinit", function() { 
     $("#myPopup").popup("open", { transition: "slideup" }); 
    }); 
</script> 

私も（ "オープン"）.popup前.popup（）を試してみました。 VS2015でのデバッグ私はポップアップが表示されていることを確認しますが、実行中は例外が発生すると再び消えます。

この例外の原因は何ですか？どのように修正できますか？

Answer 1

ページが初めて読み込まれたときにポップアップを開きますか？ので、$（文書）.on（...を使用して、わずかな遅延しようとした場合：を？

$(document).on("pagecontainertransition", function(event, ui) { 
    if (ui.toPage.prop("id") == "main"){ 
     setTimeout(function(){ 
     $("#myPopup").popup("open", { transition: "flip" }); 
     }, 10); 
    } 
}); 

：

$(document).on("pageinit","#main", function(){ 
    setTimeout(function(){ 
     $("#myPopup").popup("open", { transition: "slideup" }); 
    }, 10); 
}); 

は、あなたはそれがページを訪問するたびにポップアップしますかをpagecontainerウィジェットtransition eventを使用します

ページは、ユーザーの操作に応答してロードされた後、あなたは、ポップアップを起動しますか？

$(document).on("pagecreate","#main", function(){ 
    $("#btnPop").on("click", function(){ 
    $("#myPopup").popup("open", { transition: "flip" }); 
    }); 
}); 

DEMO