How to Integrate jQuery Mobile in Phonegap/Cordova
jQuery Mobile is one of the best frameworks to build a mobile friendly website and mobile application. jQuery ships with a number of user interfaces that are compatible with modern platforms such as iOS and Android, to the earliest of platforms such as Opera Mini and Nokia Symbian.
In this post, we will expand from our previous discussion on Phonegap/Cordova. We will show you how to integrate jQuery Mobile into Phonegap/Cordova and compile it into an iOS application. If building an app with jQuery Mobile is among your interests, you can follow this short tutorial.
Recommended Reading: Beginner’s Guide to iOS Development
Build the Application
Let’s open the project folder in Xcode. We are going to build the app and preview it in iPhone Simulator, which is shipped along with Xcode. The latest version of Xcode sets iOS 7 as the default software in the Simulator. In case you want to test your app in iOS 6 as well, you may add it from the Preference – Download menu.
Then, select which simulator to test your app with; you can select between iPhone and iPad and the software used in it. Once you have selected the simulator, click on the play button at the top left of the Xcode window.
The simulator will automatically launch.
That’s it. You can extend the app with more content and features with jQuery Mobile API. Using jQuery mobile and Phonegap makes creating a mobile app as easy as creating a website.
For more about jQuery Mobile, you can revisit our previous posts: