jQuery Mobile 1.3.0 RC1 Released

Posted on by

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.

Events

Modified event dispatching which was impacting proper dispatching of scrolling events under jQuery 1.9.0. Thanks erikyuzwa!

Fixed toolbar

Fixed incorrect event binding in _on (Issue #5487) – Page padding should be applied before transition starts

Fixed header jumps around when iOS keyboard disappears (Issue #5332)- added iOS6 to iOS workarounds

Panel

Set min-height when panel is open (Issues #5456 and #5471). Prevents vertical scrollbar.

Panel should close after, and not during, page animation (Issue #5480) – changed event listener to pagehide. Thanks jhogervorst!

Use extend in the create method also exposed resetActivePageHeight in 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.

Only apply active state to button styled links, not standard links

Only set page theme to panel theme for reveal and push mode.

Auto-close panel when clicking on a link in the panel with data-ajax="false".

Nav

Incompatibity with jQuery.noConflict() (Issue #5448) – Fixed by wrapping the path helper module in an anonymous func.

Nav incorrectly adding an empty hash in Chrome (Issue #5442)

Disabling hashListeningEnabled in 1.3 beta doesn’t work (Issue #5445)

Add to history without modifying the location.hash when history is turned off

Make it possible to disable history in dialogs (Issue #5465) – Retreat in the urlHistory stack when closing with history disabled.

Popup

Popup over selectmenu focus issue (Issue #5519) – Cleaned up focus restriction handling.

Prevent opening a panel while another panel is already open (Issue #5510) – Don’t start opening a panel before other panels are closed.

Set default theme for panel to “c”

Fixed incorrect fixed toolbar width and position if animate is false.

Rangeslider

Missing argument in function _dragFirstHandle – exception was thrown in Firefox. Thanks stforek!

Selects

Get rid of hasAttribute calls. (Issue #5506) Thanks erikyuzwa.

Tables

A data-mini button in a data-role table doesn’t work (Issue #5531) – reset line-height for buttons in table

Text inputs

Text Input had too much padding on the right (Issue #5470) – Only set more padding right if option clear button is true

The textinput(‘enable’) method not working properly (Issue #5447)

Theming

Make it easy for people to override the icon color by just adding the ui-icon-alt class to the element or a container.

Added ui-icon-nodisc class to make it easy to have an icon without background.

Removed any remaining blur on text shadows for better performance

Slightly lightened up the drop shadow opacity to remove muddiness

Replaced icon sprite and update and set icon bg position for both SD and HD.

Cleaned up SD icons for clarify and alignment

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

We will now support pre-release versions to both the ThemeRoller and Download Builder tools to help you test. Please be patient, these may take a while to update for each release.

Download

CDN-Hosted JavaScript:

CDN-Hosted CSS:

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
https://github.com/jquery/jquery-mobile

24 thoughts on “jQuery Mobile 1.3.0 RC1 Released

  1. Jiří Hofman on said:

    Will be fixed the annoying problem of events’ double firing when going back in history?

    It is really unpleasant when user closes a popup and gets not only to the page from which the popup was opened, but to its preceding page in a history.

    It happens randomly, not always but too often. It’s a nightmare.

  2. Mike Hartington on said:

    Really enjoying the panels option built into 1.3. Maybe try to incorporate loading external multipage files?

  3. Icon positioning is incorrect for me in both FF and Chrome while correct using beta 1. Inner icon position is about -2px top, -1px right. However, keep up the good work!

  4. There’s a major error on the demo version. In the html code, the jQuery file should read

    jquery-1.9.0.min.js and not jquery-1.9.min.js as shown.

  5. Emanuel on said:

    I found that the tables reflow and column-toggle don’t work when you add rows to the table dynamically after the page has been loaded. Even after calling $().table(“refresh”) method, new rows won’t behave as expected (for instance when hiding columns).

  6. I developed my project with 1.1 version, is there any problem will occur if I replace it with 1.3 ?

  7. יבגני זביאגינצב on said:

    I use jquerymobile.rtl plugin to resolve rtl layout in ver. 1.2

    does ver. 1.3 supports rtl layout???

  8. Worawut on said:

    jQuery Mobile 1.3.0 RC1 Released

    position:fixed doesn’t work inner data-role=page in firefox 19.0.2