The jQuery Mobile team is excited to announce the first release candidate for 1.3.0. This release is focused on elevating responsive web design (RWD) and brings lots of cool new widgets including panels, dual handle range sliders, and two different responsive table modes. We’ve also been doing a lot of work on re-factoring our AJAX nav system to make is easier to use and more consistent across browsers. Try it now: 1.3.0 RC1 demos
Demos & docs | Changes since Beta | Download & CDN
Changes since 1.3.0 Beta
There are lots of great new features in 1.3.0: panel widget, two responsive table modes: reflow and column toggle, dual handle range slider, responsive grids, new Navigate event and method, a listview reveal feature to make autocomplete with local data easy, and much more.
Check out the 1.3.0 Beta blog post for details of everything new in this release. For those following along, here are the fixes and improvements we’re added since Beta based on your testing and feedback.
Modified event dispatching which was impacting proper dispatching of scrolling events under jQuery 1.9.0. Thanks erikyuzwa!
Fixed header jumps around when iOS keyboard disappears (Issue #5332)- added iOS6 to iOS workarounds
Panel should close after, and not during, page animation (Issue #5480) – changed event listener to
pagehide. Thanks jhogervorst!
extend in the
create method also exposed
mobile.navigation so panel can use it.
Chrome Issue: CSS column-count and data-role=”panel” (Issue #5508) – Bit more hardware acceleration of
content-wrap required for Chrome.
Prevent opening a panel while another panel is already open (Issue #5510) – Don’t start opening a panel before other panels are closed.
Missing argument in function _dragFirstHandle – exception was thrown in Firefox. Thanks stforek!
A data-mini button in a data-role table doesn’t work (Issue #5531) – reset line-height for buttons in table
Make it easy for people to override the icon color by just adding the ui-icon-alt class to the element or a container.
Slidefade CSS: add two missing semicolons. This enables using the CSS as SCSS without compile errors.
Please help us test!
We’re looking for help with testing this release so we can release a final build as soon as possible. Browse the docs or try out the 1.3.0 RC1 release in your projects, then report issues in the GitHub tracker. Be sure to specify the device, OS version, browser, steps to reproduce and include a simplified test case that uses the latest build (see our contributing guidelines for a test template). If all goes well, we hope to release the final build in 2 weeks.
Try it now: ThemeRoller and Download Builder have 1.3.0 RC1
- Uncompressed: jquery.mobile-1.3.0-rc.1.js (useful for debugging)
- Minified and Gzipped: jquery.mobile-1.3.0-rc.1.min.js (24KB, ready to deploy)
- Uncompressed with Default theme: jquery.mobile-1.3.0-rc.1.css (useful for debugging)
- Minified and Gzipped with Default theme: jquery.mobile-1.3.0-rc.1.min.css (7KB, ready to deploy)
- Uncompressed structure without a theme: jquery.mobile-1.3.0-rc.1.css (useful for theme development)
- Minified and Gzipped structure without a theme: jquery.mobile-1.3.0-rc.1.min.css (6KB, ready to deploy)
Copy-and-Paste Snippet for CDN-hosted files (recommended):
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0-rc.1/jquery.mobile-1.3.0-rc.1.min.css" /> <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.0-rc.1/jquery.mobile-1.3.0-rc.1.min.js"></script>
ZIP File: If you want to host the files yourself you can download a zip of all the files:
Microsoft CDN hosted jQuery Mobile files:
Fork jQuery Mobile on GitHub