[Problem] Page keeps refresh when passing URL Parameter with page id if that page includes a TAB Widget

[Problem] Page keeps refresh when passing URL Parameter with page id if that page includes a TAB Widget



  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title>
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <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>
  7. <script>
  8. $(document).bind("mobileinit", function(){
  9. $.event.special.swipe.horizontalDistanceThreshold = (screen.availWidth) / 60;
  10. });
  11. </script>
  12. <script type="text/javascript" src="/MON/js/jquery.mobile-1.4.0.js"></script> <style>
  13. .ui-content {
  14. padding: 5px;
  15. }
  16. </style>
  17. </head>
  18. <body>
  19. <div data-role="page" data-theme="a" id="123">
  20. <div data-role="tabs" id="tabs">
  21. <div data-role="navbar">
  22. <ul>
  23. <li><a id=aTab" href="#a" data-ajax="false">Income</a></li>
  24. <li><a id="bTab" href="#b" data-ajax="false">Expense</a></li>
  25. </ul>
  26. </div>
  27. <div id="a" >
  28. </div>
  29. <div id="b">
  30. </div>
  31. </div>
  32. </div> </body>
  33. </html>