Попытка показать всплывающее окно на страницах, но оно автоматически закрывается

У меня есть мобильная страница 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>

Я не могу понять, как заставить это работать. Любая помощь будет оценена!

Источник

0 ответов

Другие вопросы по тегам