Separate jqm config in another file.

Only for readability.

vifib/index.html

@@ -330,6 +330,7 @@
     <script type="text/javascript" src="static/js/jquery.slapos.js"></script>
     <script type="text/javascript" src="static/js/jquery.urljs.js"></script>
     <script type="text/javascript" src="static/js/fake.js"></script>
+    <script type="text/javascript" src="static/js/jqm-config.js"></script>
     <script type="text/javascript" src="static/js/core.js"></script>
     <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
 </head>

vifib/static/js/core.js

@@ -676,14 +676,6 @@
     };
 }(jQuery));
 
-$(document).bind("mobileinit", function(){
-    // let's handle ourself the hashchange event
-    $.mobile.hashListeningEnabled = false;
-    $.mobile.pushStateEnabled = false;
-    $.mobile.ajaxEnabled = false;
-    $.mobile.linkBindingEnabled = false;
-    $.mobile.defaultPageTransition = 'none';
-});
 $(document).bind('pagecreate', function () {
     $('body').vifib();
 });

vifib/static/js/jqm-config.js

+$(document).bind("mobileinit", function () {
+    $.mobile.ajaxEnabled = false;
+    $.mobile.linkBindingEnabled = false;
+    $.mobile.hashListeningEnabled = false;
+    $.mobile.pushStateEnabled = false;
+    // Disable transition
+//     $.mobile.defaultPageTransition = 'none';
+
+    // Remove page from DOM when it's being replaced
+    $('div[data-role="page"]').live('pagehide', function (event, ui) {
+        $(event.currentTarget).remove();
+    });
+});