Hi, all
I am trying to add some jquery mobile components to my wiki site, to give it a more beautiful look on Android app. The app is the official mediawiki mobile client, which can be downloaded from the following link. https://github.com/wikimedia/WikipediaMobile
Now, there is no problem for me to include the jquery mobile javascript and css to this little phonegap-based project. If the contents grabbed from the mediawiki website (by mobilefrontend) contains jquery mobile components, they can be shown properly on my android phone.
However, the wiki site look quite different if it is accessed from a PC. All the jquery mobile contents do not load properly. So I added the jquery.mobile-1.3.2.min.js to mediawiki common.js, and the jquery.mobile-1.3.2.min.css to mediawiki common.css. But the whole site looks a mess. All the buttons and links are shown as jquery mobile buttons, and cannot be clicked. I wonder whether there is a graceful method to apply the jquery.mobile js and css just to the wiki contents (in particular, to div#content), without affecting the surrounding parts, like the edit page button, save page button, etc.
Thanks for casting some light onto this issue.
Best Shawn