Skip to content
This repository

Key Changes

Upgrade notes

Rounded corner class changes - In 1.3, we've changed the way rounded corners are applied across all widgets. In previous versions, we had fairly complex JS logic to dynamically apply corner classes to specific elements in a widget. For example, the first item in an inset listview would get the ui-corners-top class to round only the top left and right corners and a similar thing would happen for bottom corners. // Explain how the new JS works.

1.3rc1 - previously all links containing a hash were truncated at the hash and then appended to the current base tag value. This was a blanket solution for dialogs and nested listviews we will now only apply this to dialogs and nested listviews by looking for &ui-page and &ui-state. All other urls will be allowed to pass through normally.

1.3rc1 - iOS 4 will now receive hash based navigation only.

Responsive tables

Responsive panels

Responsive grids

Swipe extensibility

  • Need description and doc/demo links

Theme CSS corner classes

Icons

Controlgroup

Listview

Popup

Textinput

Select

Slider

  • Slider and input together full width. https://github.com/jquery/jquery-mobile/issues/5045
  • Modified the style of the input: mini sized, font-weight bold, no border and no spinner.
  • The slider now respects the step set on the input as long as the physical step size will be greater then 1px

Rangeslider

  • New widget. Combine two inputs type="range" into one dual handle slider.

Dialog

Navigate event and method

There are two new additions to the navigation functionality in jQuery Mobile. A navigate event that normalizes the URL alteration events hashchange/popstate, and a $.navigate method that allows users to receive extended traversal information in navigate bindings (eg, directionality).

The navigate event is a light weight attempt to unify bindings to a browser's URL alteration events hashchange and popstate. It also handles differences in the way setting the hash on the location object interacts with the two browser events (ie, stop the world popstate triggering) , and provides event hooks to control the event lifecycle.

The $.navigate method forms the bulk of the new functionality. By using the $.navigate method to do url manipulation instead of doing it directly with the location object, replaceState, or pushState you get history management and support for both modes of URL state tracking. The history management provides a state object to navigate event bindings whether the browser supports the new history API or not. In addition it contains the same logic used in jQuery Mobile to determine what direction the browser history is moving.

Both the event and the method are available as modules apart from other navigation functionality in jQuery Mobile, with minor dependencies on other parts of the library. More info: https://github.com/jquery/jquery-mobile/issues/5091

Fixed Toolbars

Button

Collapsibles

  • New option "corners" for inset collapsibles and collapsible set (no issue ticket, landed with CSS corner styling)

Fieldcontain

Transitions

iOS Zoom fix

  • Finally fixed in iOS 6 so we only apply this for iOS5 and older

performance

  • define $.mobile.window = $( window ) and $.mobile.document = $( document )
  • these represent over an 80% performance improvement on most platforms and browsers.
Something went wrong with that request. Please try again.