Finalizing the Cordova Exhibition app

The last part we need to check is index.html; the following code snippet shows this part, which is the most important, of the index.html page:

<!DOCTYPE html>
<html>
    <head>
        <!-- omitted code ... -->
        <link rel="stylesheet" type="text/css" href="css/app.css" />
        <link rel="stylesheet" href="jqueryMobile/jquery.mobile-1.4.0.min.css">

        <script src="jqueryMobile/jquery-1.10.2.min.js"></script>
        <script src="jqueryMobile/jquery.mobile-1.4.0.min.js"></script>

        <script>
            var deviceReadyDeferred = $.Deferred();
            var jqmReadyDeferred = $.Deferred();
                                                     
            $(document).ready(function() {
                document.addEventListener("deviceready", function() {
                    deviceReadyDeferred.resolve();
                }, false);
            });
            
 $(document).on("mobileinit", function ...

Get JavaScript Mobile Application Development now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial