Jquery mobile with phonegap is not styling properly for mobile app

Go To StackoverFlow.com


I'd like to say that I solved the problem but I wanted post this here as a reference if anyone else is having the same problem.

I've been following this tutorial: http://wiki.phonegap.com/w/page/41524872/JQuery%20Mobile%20Tutorial%20(iOS)

to incorporate jquery mobile into my application. I am using the latest jquery library which is 1.7.2.

I can't get the outcome shown in the tutorial. Styling, behaviour, nothing works properly.

2012-04-04 18:01
by c1pherB1t


Turns out jquery mobile doesn't support the newest jquery library.

As soon as starting to use jquery 1.6.1, everything started to look and behave as shown in the tutorial. Why it is not compatible with an older version is beyond me. I probably should've followed the tutorial step by step but honestly, I thought newer versions of jquery are supposed to be better and backwards compatible.

2012-04-04 18:03
by c1pherB1t
jQuery Core 1.6.4 goes with jQuery Mobile 1.0.1 and backwards. jQuery Mobile 1.1.0 will support jQuery Core 1.7.2 - Jasper 2012-04-04 18:10
Yeah, thanks for clearing that up. I wish this was documented somewhere easy to see - c1pherB1t 2012-04-04 18:19
Here ya go: http://jquerymobile.com/download/. You kind-of have to infer that the packages listed together actually go together. Other than that it's all just mentions in blog posts, etc. Here's an example: http://blog.jquery.com/2012/03/21/jquery-1-7-2-released/ (second paragraph - Jasper 2012-04-04 18:21


I've been smashing my head off of my desk for 6 hours trying to get this stuff to work and finally resolved it with the following combinations;

used; cordova-1.6.0.js (with the associated script declarations in the header)




it was a very frustrating morning. thanks for pushing me into the right direction.

2012-04-17 20:47
by Mike
Yeah, no problem, glad this question and answer helped you - c1pherB1t 2012-04-17 20:55