jquery/jquery-mobile — Issue #3394: Pages no longer working with latest build
Author: danielcha
Created: 2012-01-08 13:04:32+00:00
State: open

I'm almost sure I am doing something wrong but I can't figure out what. I am trying to test my application with the latest build but am unable to get even the most simple page to work.

All I did is replace the JS en CSS to latest instead of 1.0 in the header. The rest is a copy paste of http://jquerymobile.com/test/docs/pages/page-template.html. This is my code:

<!DOCTYPE html>

<html>

<head>

<title>jQuery Mobile test page</title>

<meta charset=utf-8 />

<meta name="viewport" content="width=device-width, initial-scale="1"">

<link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.css" />

<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>

<script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>

<style type="text/css">

<!-- custom style overrides go here -->

</style>

</head>

<body>

<div data-role="page">

<div data-role="header">

<h1>Issue template</h1>

</div><!-- /header -->

<div data-role="content">

<h1>How to submit an issue in jQuery Mobile</h1>

<p>If you think you've found a bug, please report it by following these instructions: </p>

<ol>

<li>Make sure that the bug still exists at <a
href="http://jquerymobile.com/test/">jquerymobile.com/test</a> (up-to-the-minute latest build) as it may be fixed already. </li>

<li>Check to see if the issue has already been reported in the <a href="https://github.com/jquery/jquery-mobile/issues">issue tracker</a>. </li>

<li>If you found a issue to report, start by creating a simplified test page in this jsbin that uses the least amount of code to illustrate the problem. We won't review a complex page or site with a note "this is broken".</li>

<li>Include a detailed set of steps to reproduce the issue on your test page</li>

<li>Specify what device, OS version, and browser/version where the issue can be seen</li>

<li>If this is a regression, specify what version of the jQuery Mobile code or commit where things were working correctly.</li>

</ol>

<p>This page links to the latest JS and CSS files and will be updated with each new commit within one minute.</p>

<h3>Using JS Bin</h3>

<p>Since this tool uses hash changes in the URL, it can confuse jQuery Mobile. Do not turn on the real-time preview feature. To view your changes, hit the "Save" link, then click on the link that appears to the left of the button. To edit, press the back button or add /edit/ after the URL. </p>

</div><!-- /content -->

<div data-role="footer">

<h4>Footer</h4>

</div><!-- /footer -->

</div><!-- /page -->

</body>

</html>