jQuery Mobile 1.4.0 發布
jQuery Mobile 是一個針對觸摸體驗的 web UI 開發框架，允許您開發跨智能電話和平板電腦工作的移動 web 應用程序。jQuery Mobile 框架構建于 jQuery 內核之上，提供幾個功能，包括 HTML 和 XML 文檔對象模型（DOM）的操控、處理事件、使用 Ajax 執行服務器通信、以及用于 web 頁面的動畫和圖像效果。
jQuery Mobile 的基本特性包括：
- 一般簡單性
- 此框架簡單易用。頁面開發主要使用標記，無需或僅需很少 JavaScript。
- 持續增強和優雅降級
- 盡 管 jQuery Mobile 利用最新的 HTML5、CSS3 和 JavaScript，但并非所有移動設備都提供這樣的支持。jQuery Mobile 的哲學是同時支持高端和低端設備，比如那些沒有 JavaScript 支持的設備，盡量提供最好的體驗。
- Accessibility
- jQuery Mobile 在設計時考慮了訪問能力，它擁有 Accessible Rich Internet Applications (WAI-ARIA) 支持，以幫助使用輔助技術的殘障人士訪問 web 頁面。
- 小規模
- jQuery Mobile 框架的整體大小比較小，JavaScript 庫 12KB，CSS 6KB，還包括一些圖標。
- 主題設置
- 此框架還提供一個主題系統，允許您提供自己的應用程序樣式。
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.
Performance
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.
Theme inheritance
One of the biggest changes is the way theme inheritance works. In previous versions we used JavaScript to find the nearest parent element with a theme and added theme classes to all elements. This has been replaced by a pure CSS solution where the level of specificity of the selector determines what theme (swatch) is applied. In almost all cases the default for option theme has been removed and widgets get the same theme as their container or page via CSS.
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.
SVG icons
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.
Demos
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.
New website
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.
Thanks
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!
Download
CDN-Hosted JavaScript:
- Uncompressed: jquery.mobile-1.4.0.js (useful for debugging)
- Minified and Gzipped: jquery.mobile-1.4.0.min.js (ready to deploy)
CDN-Hosted CSS:
- 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="/misc/goto?guid=4958825916941705935"> <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>
ZIP File:
If you want to host the files yourself you can download a zip of all the files.
- Zip File: jquery.mobile-1.4.0.zip (JavaScript, CSS, images, and demos)
Download Builder:
Git
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.
Changelog
All changes are listed in the 1.4.0 changelog. If you are upgrading from jQuery Mobile 1.3 you can use the 1.4 upgrade guide.