jQuery Forum

com.phonegap.plugins.barcodescanner 2.2.0 "BarcodeScanner"

com.phonegap.plugins.facebookconnect 0.11.0 "Facebook Connect"

com.phonegap.plugins.oauthio 0.1.1 "OAuth.io"

org.apache.cordova.dialogs 0.3.0 "Notification"

org.apache.cordova.geolocation 0.3.12 "Geolocation"

org.apache.cordova.inappbrowser 0.6.0 "InAppBrowser"

org.apache.cordova.network-information 0.2.15 "Network Information"

The plugins are working fine.

I already tried the hashListeningEnbale = false trick 

Some users say that adding this code between jquery and jquery mobile import can fix the navigation problem, but i had any luck:

<script type="text/javascript">

              $(document).bind("mobileinit", function(){

                  $.mobile.hashListeningEnabled = false;

              });

        </script>

I also add  data-history= false to all the pages but still no luck.

Here is a example code of one of the pages of my apps. There ir more than 10.000 line of codes and having no clue about the problem is a little bit hard to give some example code related to  the real problem.

Basically is a page with a header, content and a footer.

2.     
3.     <div data-role="header" data-theme="a" data-position="fixed" data-tap-toggle="false" data-id="hh1">
4.         <div id="ios7"></div>    
5.             <div data-role="navbar">
6.                 <ul data-inset="true">
7.                     <li><div class="common"></div></li>
8.                     <li><div class="common"></div></li>
9.                     <li><div class="logoApp common"></div></li>
10.                     <li><div class="common"></div></li>
11.                     <li><div class="common"></div></li>
12.                 </ul>
13.             </div>
14.     </div>
15.                 
16.                 <div data-role="content">
17.                 
18. //HERE A LOT OF STATICS DIVS THAT I LOAD WITH INFO FROM A AJAX CALL (USING JQUERY APPEND FROM A SPECIFYC ID)
19. 
    
20.                 </div>
21. 
    
22. 
    
23. <div data-position="fixed" data-tap-toggle="false" data-role="footer" data-id="f1">
24.     <a href="#three"><img style=" width: 30px;" src="css/images/icon-inicio.png"><p style="color:#32bc98;" class="text-tab"><span id="language_landing_1_1"></span></p></a>
25.     <a href="#panelreciclaje"><img style=" width: 30px;" src="css/images/icon-reciclar-no.png"><p class="text-tab"><span id="language_landing_2_1"></span></p></a>
26.     <a href="#feed"><img style=" width: 30px;" src="css/images/icon-noticia-no.png"><p class="text-tab"><span id="language_landing_3_1"></span></p></a>
27.     <a href="#eleven"><img style=" width: 30px;" src="css/images/icon-premio-no.png"><p class="text-tab"><span id="language_landing_4_1"></span></p></a>
28.     <a href="#listamas"><img style=" width: 30px;" src="css/images/icon-mas-no.png"><p class="text-tab"><span id="language_landing_5_1"></span></p></a>
29. </div>
30. 
    
31. 
    
32.                                                        
33. </div>

<script type="text/javascript">

              $(document).bind("mobileinit", function(){

                  $.mobile.hashListeningEnabled = false;

              });

</script>

1. [data-role="page"] {
     overflow: auto;
     -webkit-overflow-scrolling: touch;
   }