jQuery Mobile allows us to display a list of items in a mobile friendly manner using listview component. The listview in jQuery Mobile comes packed with many features such as making a list filterable (with the help of search box) or grouping list items into various sections using dividers. This comes in handy when you have to render long lists. Here, in this article, I will show you how to implement listview of jQuery Mobile framework and configure it to automatically generate dividers for its items.
In jQuery Mobile, dialogs are very similar to the pages except that they are themed differently to look like a modal dialog. They are generally used to notify user or verify some action the user is about to take. With the help of jQuery Mobile it is very easy to create and display dialog in your mobile web applications.
Here for demonstration purpose we will take up a scenario where user clicks on an external link. Before redirecting the user to the external link we will verify whether he/she really wants to go to the external site by displaying a dialog box. If the user confirms then we redirect the user to the external website otherwise we redirect him/her to the original page.