Integrating Highcharts and jQuery Mobile using an Olympic medals table application
In this section we will build a mobile application for browsing the results of the Olympic 2012 medals table. This application is only tested on iPhone and iPad. The startup screen provides four menus for looking up the results as shown in the following screenshot:
The page is made up of a list of four hyperlinks referring to other pages, as shown in the following code:
<head>
<!-- CDN load of Highcharts, jQuery and jQM -->
....
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>London Olympic 2012 </h1>
</div><!-- /header -->
<div data-role="content">
<ul data-role="listview" data-inset="true">
<li><a href="./gold.html"
data-ajax="false" >Top 10 countries by gold</a></li>
<li><a href="./medals...
