#jquery.mobile

There’s 2 quirks I’ve recently come across with JQuery.Mobile, on a site where we haven’t used the JQuery.Mobile CSS, and only the Javascript. (To stop the css messing with the site’s css...)

1. EVERYTHING tries to load over AJAX When you click on a link, it tries to load it at the bottom of the page... this isn’t good and breaks the whole site I’m working on... This is due to the setting for AJAX being turned on by default. To turn it off, put this code above the JS call for JQuery:

<script type="text/javascript"> //Turn off the JQuery Mobile AJAX and loading message (on by default) jQuery(document).on( "mobileinit", function() { jQuery.mobile.ajaxEnabled = false; }); </script>

2. Loading... appears at the bottom of the page This is fixed by using the JQuery.Mobile css - but if you can’t - you need to put this (or words to that affect) into your site’s CSS:

・HTML <input type="text"> ・javascript $(document).bind('mobileinit',function(){   $.mobile.keepNative = 'input[type="text"]'; } javascriptはjquery.jsとjquery.mobile.jsの間に入れないといけない <script src="jquery.js"></script> <script>    ... <script>