Response title
This is preview!
combination of popup and tabs not working on page refresh
in jQuery Mobile
•
8 years ago
Hi,
I think I have found a problem when I have a popup and tabs on
the same form.
If the popup is displayed, and the page is refreshed The page
constantly refreshes itself.
Please see simple mockup code below which demonstrates
Does anyone know how I can work around this?
- <!DOCTYPE html>
- <html class="index">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width initial-scale=1.0 maximum-scale=1.0 user-scalable=yes" />
-
- <link rel="stylesheet" href="jquery/mobilelatest/jquery.mobile-1.4.5.min.css" />
- <script type="text/javascript" src="jquery/jquery-1.11.2.min.js"></script>
- <script type="text/javascript" src="jquery/mobilelatest/jquery.mobile-1.4.5.min.js"></script>
-
- </head>
-
-
- <body >
- <div data-role="page" id="index" data-theme="a">
- <div role="main" id="divmain" class="ui-content" data-theme="a">
- <div data-role="popup" id="popupDialog" data-dismissible="false" style="max-width:400px;" data-theme="a">
- <div data-role="header" data-theme="a"><h1>Test Dialog</h1></div>
- <div role="main" class="ui-content"><h3 class="ui-title">Dont click anything just refresh the page!.....</h3></div>
- </div>
- <a href="#popupDialog" data-rel="popup" data-position-to="window" data-transition="pop" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-delete ui-btn-icon-left ui-btn-a">Click ME</a>
- <div id="tabs" data-role="tabs" data-mini="true">
- <div data-role="navbar">
- <ul >
- <li><a href="#tabs-1" class="ui-btn-active">All images</a></li>
- <li><a href="#tabs-2">Albums</a></li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </body>
- </html>
1