[Problem] Page keeps refresh when passing URL Parameter with page id if that page includes a TAB Widget
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" type="text/css" href="/MON/css/jquery.mobile.icons.min.css" /> <link rel="stylesheet" type="text/css" href="/MON/css/mobile.css" /> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile.structure-1.4.0.min.css" /> <script type="text/javascript" src="/MON/js/jquery-1.9.1.js"></script>
- <script>
- $(document).bind("mobileinit", function(){
- $.event.special.swipe.horizontalDistanceThreshold = (screen.availWidth) / 60;
- });
- </script>
- <script type="text/javascript" src="/MON/js/jquery.mobile-1.4.0.js"></script> <style>
- .ui-content {
- padding: 5px;
- }
- </style>
- </head>
- <body>
- <div data-role="page" data-theme="a" id="123">
- <div data-role="tabs" id="tabs">
- <div data-role="navbar">
- <ul>
- <li><a id=aTab" href="#a" data-ajax="false">Income</a></li>
- <li><a id="bTab" href="#b" data-ajax="false">Expense</a></li>
- </ul>
- </div>
- <div id="a" >
- </div>
- <div id="b">
- </div>
- </div>
- </div> </body>
- </html>