Cordova (PhoneGap) template and jQuery mobile : The Official Microsoft ASP.NET Forums

Reply

andri745

Member

163 Points

73 Posts

Cordova (PhoneGap) template and jQuery mobile

Feb 21, 2013 09:33 PM|LINK

Hi all. I'm making some tests with Cordova template. I followed this link to install:

http://docs.phonegap.com/en/2.4.0/guide_getting-started_windows-phone-7_index.md.html#Getting%20Started%20with%20Windows%20Phone%207

If I use jQuery mobile, I see the two pages in in one and if click on page link, nothing happens. This is my html code:

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
         
        <link rel="stylesheet" type="text/css" href="../Content/jquery.mobile-1.2.0.min.css" />

        <script src="../Scripts/jquery-1.8.3.min.js"></script>
        <script src="../Scripts/jquery.mobile-1.2.0.js"></script>

        <script type="text/javascript" src="cordova-2.4.0.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
        <script type="text/javascript">
            app.initialize();
        </script>

        <title>Hello World</title>
    </head>
    <body>

        <div id="home" data-role="page">
            <div data-role="header">
                <h1>Home page</h1>
            </div>
            <div data-role="content">
                Hello!
                <a href="#newpage" data-role="button">New Page</a>
            </div>
            <div data-role="footer" data-position="fixed">
                <h4>Footer</h4>
            </div>
        </div>

        <div id="newpage" data-role="page">
            <div data-role="header">
                <h1>New page</h1>
            </div>
            <div data-role="content">
                New page
            </div>
            <div data-role="footer" data-position="fixed">
                <h4>Footer</h4>
            </div>
        </div>
    </body>
</html>

Are there particular settings to use cordova and jQuery mobile?

Please, "Mark As Resolved" if my reply was helpful to you
--
Blog

Microsoft MCPD - Web Developer .NET 4