0

我有一个带有弹出窗口的 jQuery 移动页面，需要在页面加载时显示。由于某种原因，弹出窗口会立即显示并关闭。我在桌面上使用 chrome。在 android 上的 chrome 上测试，显示相同的内容。这是一个显示相同问题的测试页面：

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