I have built a Drupal 7 website that contains a mobile theme. What I want to do is run the newest version of Jquery Mobile - http://jquerymobile.com/ which requires Jquery 1.7.1. Drupal by default is using an older version of Jquery.
I want Jquery Mobile to load "last" and be used for all screen elements (it changes the way form elements, the way the page is scrolled etc). I've already excluded a bunch of the default Drupal js and css (that won't be needed in the mobile theme) and if I stick this in the html.tpl.php of my test theme.
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
It works exactly the way I want it to, but this does not seem like a good Drupal friendly implementation. What is a better implementation of this that will work better with Drupal and reduce risk of conflicts?
I've tried Jquery update http://drupal.org/project/jquery_update/, and jQuery Multi modules http://drupal.org/project/jqmulti, but without modifications the theme won't load (it loads perfectly if I use those 2 lines above).
I have a site using that module and theme and I do not want / desire/ require, the extra functions thqat module works with (plus it uses an old version of jquery mobile) and the theme has lots of issues which make it not work for my purpose.