We are happy to announce the first stable release of jQuery Mobile 1.4. For this new version we focused on performance improvements and reviewing widgets. We also introduced a new default theme and SVG icons. Some of the new features that come with this release are a flipswitch widget, a generic filter widget named “filterable”, popups with arrows, tooltips for sliders and we integrated the tabs widget from jQuery UI.
To improve performance we reduced DOM manipulation. Generation of inner markup for elements styled as butons has been completely removed. In many cases the framework just adds classes to the native element during enhancement and we even reduced the amount of classes that are added by the framework.
New default theme
This was also a good time to switch to a new default theme with a flat, more modern, design. The number of swatches has been reduced from five to two; a light “A” swatch and a dark “B” swatch.
Not only the theme is new. A big thank you to Glyphish for creating a complete new icon set for jQuery Mobile! These are vector-based SVG icons, but we included a fallback to external PNG icons on browsers that don’t support inline SVG. We are also going to provide additional stylesheets, each with different icon CSS (inline SVG, data-uri PNG, and external PNG) that can be used with the full Grunticon solution.
The style and structure of the demos have been changed. The demos are no longer divided in sections, but all content is grouped by component. All demos are now directly accessible via the new, responsive, navigation menu.
We did not only release a new version of the framework, but also launched our new website! The jQuery Mobile site now uses the same WordPress parent theme as the other jQuery projects.
We want to say thanks to everyone who contributed. Thank you Sven Franck for all your hard work on the new filterable widget and the table widget!
- Uncompressed: jquery.mobile-1.4.0.js (useful for debugging)
- Minified and Gzipped: jquery.mobile-1.4.0.min.js (ready to deploy)
- Uncompressed with Default theme: jquery.mobile-1.4.0.css (useful for debugging)
- Minified and Gzipped with Default theme: jquery.mobile-1.4.0.min.css (ready to deploy)
- Uncompressed structure without a theme: jquery.mobile-1.4.0.css (useful for theme development)
- Minified and Gzipped structure without a theme: jquery.mobile-1.4.0.min.css (ready to deploy)
Copy-and-Paste Snippet for CDN-hosted files:
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css"> <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
If you want to host the files yourself you can download a zip of all the files.
Supported jQuery versions
jQuery Mobile 1.4 supports jQuery core 1.8 and newer.
Graded Browser Support
See the jQuery Mobile 1.4 Supported Platforms page for the Graded Browser Support of this version.
Please do not use the comments section of this blog post to report bugs or ask for support. See our Contributing Guidelines for instructions about reporting issues. Use the forum for support questions. Thank you!