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