Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Already on GitHub? Sign in to your account

Pages no longer working with latest build #3394

Closed
danielcha opened this Issue Jan 8, 2012 · 5 comments

Comments

Projects
None yet
4 participants

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&quot;&gt;&lt;/script>

<script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js&quot;&gt;&lt;/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/&quot;&gt;jquerymobile.com/test&lt;/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&quot;&gt;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>

Plaputta commented Jan 9, 2012

When I build a version using the makefile it says:

Build the JavaScript file

Tracing dependencies for: compiled/jquery.mobile.compiled.js

Tracing dependencies for: jquery

Tracing dependencies for: order

./compiled/jquery.mobile.compiled.js

./js/jquery.ui.widget.js
./js/jquery.mobile.widget.js
./js/jquery.mobile.vmouse.js
./js/jquery.mobile.hashchange.js
./js/jquery.mobile.page.js
./js/jquery.mobile.core.js
./js/jquery.mobile.media.js
./js/jquery.mobile.support.js
./js/jquery.mobile.event.js
./js/jquery.mobile.navigation.js
order!jquery.mobile.navigation
./js/jquery.mobile.navigation.pushstate.js
order!jquery.mobile.navigation.pushstate
./js/jquery.mobile.transition.js
order!jquery.mobile.transition
./js/jquery.mobile.buttonMarkup.js
order!jquery.mobile.buttonMarkup
./js/jquery.mobile.controlGroup.js
order!jquery.mobile.controlGroup
./js/jquery.mobile.degradeInputs.js
./js/jquery.mobile.dialog.js
./js/jquery.mobile.page.sections.js
./js/jquery.mobile.collapsible.js
./js/jquery.mobile.collapsibleSet.js
./js/jquery.mobile.fieldContain.js
./js/jquery.mobile.grid.js
./js/jquery.mobile.navbar.js
./js/jquery.mobile.listview.js
./js/jquery.mobile.nojs.js
./js/jquery.mobile.forms.checkboxradio.js
./js/jquery.mobile.forms.button.js
./js/jquery.mobile.forms.textinput.js
./js/jquery.mobile.listview.filter.js
./js/jquery.mobile.forms.slider.js
./js/jquery.mobile.forms.select.js
./js/jquery.mobile.forms.select.custom.js
./js/jquery.mobile.links.js
./js/jquery.mobile.fixHeaderFooter.js
./js/jquery.mobile.fixHeaderFooter.native.js
./js/jquery.mobile.js
./js/jquery.mobile.exports.js

..... and then minify it

There is no jquery.mobile.init.js included, that breaks my pages.

bnaegele commented Jan 9, 2012

Confirmed.

bnaegele commented Jan 9, 2012

Got it to work by adding 'jquery.mobile.init', to the beginning of the defines in jquery.mobile.js

@bnaegele Not sure if it was suppose to be there or not, but I did the same, and now I am at least able to dev my app with the latest fixed (and bugs ;-) )

Member

gseguin commented Jan 9, 2012

Thanks for pointing this out. It didn't show up in our tests because both the unit tests and the docs are using the AMD modules.

The built bundle is indeed missing the jquery.mobile.init module. I'm working on finding out why and will fix it shortly.

@gseguin gseguin closed this in 2ba27e0 Jan 9, 2012

karol-f pushed a commit to karol-f/jquery-mobile that referenced this issue Jan 11, 2012

karol-f pushed a commit to karol-f/jquery-mobile that referenced this issue Jan 13, 2012

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment