Question

我有一个带有弹出窗口的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>

我无法弄清楚如何让它发挥作用。任何帮助将不胜感激！

试图在页面显示上显示弹出窗口，但它会自动关闭

0 个答案: