0

ページの読み込み時に表示する必要があるポップアップ付きのjQueryモバイルページがあります。何らかの理由でポップアップが表示され、すぐに閉じます。デスクトップでクロムを使用しています。アンドロイドのクロムでテストされ、同じことが示されています。これは、同じ問題を示すテスト ページです。

<!DOCTYPE html>
<html>
   <head> 
       <title>Test Page</title>
        <link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.0.min.css"/>
        <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
        <script type="text/javascript" src="js/jquery.mobile-1.4.0.min.js"></script>
        <link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
        <script type="text/javascript">
            $(document).on("pageshow",function(){
                $("#testpopup").popup("open",{history:false});
            });
        </script>
   </head>
<body>

<div class="page01" data-role="page">
    <div id="page-content" data-role="content" data-theme="f">
        adasdf
    </div>
    <div data-role="popup" data-position-to="window" data-history="false" data-dismissible="false" id="testpopup" data-theme="d">
        <div data-role="content">
            ASDFASDFASDF
        </div>
    </div>
</div>


</body>
</html>

私はそれを機能させる方法を理解できません。どんな助けでも大歓迎です！

4

0 に答える 0