Вчера была выпущена четвертая альфа версия мобильной версии популярного фреймворка jQuery Mobile. Как пишут сами разработчики — это последний альфа релиз. В новом релизе основной упор в работе был сделан на улучшение производительности, так же исправлено более 150 проблем из A3 и добавлены несколько новых фич.
Прежде всего, jQuery Mobile A4 теперь поддерживает WP7. И теперь он работает практически на всех современных мобильных ОС:
Был добавлен метод jqmData(), который является расширенным методом jQuery.data(), поддерживающим пространства имен.
В новой версии jQuery Mobile представлены события виртуальной мыши, которые призваны избавить разработчиков от необходимости перехватывать разные события в зависимости от платформы пользователя (например, Android и Blackberry вызывали одновременно и touch и mouse events).
Были исправленны баги с адресацией, присутствующие в А3. Так же был добавлен флаг $.mobile.allowCrossDomainPages, который позволит загружать JQM страницы с других доменов. Подобные запросы теперь могут выполняться следующим образом: file://dir1/dir2/myPhoneGapApp.html#https://myHomeServer.com/dir1/dir2/foo
По просьбам разработчиков была добавлена возможность создания форм в виде списков. Теперь для этого надо всего лишь окружить список тегом <form> и добавить элемент label к каждому элементу формы.
Первым шагом к поддержке i18n стала возможность менять значения строк для диалогов загрузки, ошибок, плейсхолдера для поля поиска и автоматически добавляемой кнопки «назад».
Есть два способа получить jQuery Mobile A4:
1. Встроить в свой сайт код, со ссылкой на сервера jQuery.
JavaScript:
Uncompressed: jquery-mobile-1.0a4.js (130KB)
Minified and Gzipped: jquery-mobile-1.0a4.min.js (19KB)
CSS:
Uncompressed: jquery-mobile-1.0a4.css (53KB)
Minified and Gzipped: jquery-mobile-1.0a4.min.css (7KB)
Код для копипейста:
2. Скачать все один ZIP архивом jquery-mobile-1.0a4.zip (JavaScript, CSS, и картинки)
Поддержка платформ
Прежде всего, jQuery Mobile A4 теперь поддерживает WP7. И теперь он работает практически на всех современных мобильных ОС:
- Apple iOS (3.1-4.2): tested on iPhone, iPod Touch, iPad
- Android (1.6-2.3): all devices, tested on the HTC Incredible, Motorola Droid, Google G1 and Nook Color
- Blackberry 6: tested on Torch and Style
- Windows Phone 7: tested on HTC Surround
- Palm WebOS (1.4): tested on Pre, Pixi
- Opera Mobile (10.1): Android
- Opera Mini (5.02): iOS, Android
- Firefox Mobile (beta): Android
Мета-данные
Был добавлен метод jqmData(), который является расширенным методом jQuery.data(), поддерживающим пространства имен.
Нормализованная система событий
В новой версии jQuery Mobile представлены события виртуальной мыши, которые призваны избавить разработчиков от необходимости перехватывать разные события в зависимости от платформы пользователя (например, Android и Blackberry вызывали одновременно и touch и mouse events).
Улучшения работы с PhoneGap
Были исправленны баги с адресацией, присутствующие в А3. Так же был добавлен флаг $.mobile.allowCrossDomainPages, который позволит загружать JQM страницы с других доменов. Подобные запросы теперь могут выполняться следующим образом: file://dir1/dir2/myPhoneGapApp.html#https://myHomeServer.com/dir1/dir2/foo
Формы в виде списков
По просьбам разработчиков была добавлена возможность создания форм в виде списков. Теперь для этого надо всего лишь окружить список тегом <form> и добавить элемент label к каждому элементу формы.
Настраиваемые значения строк
Первым шагом к поддержке i18n стала возможность менять значения строк для диалогов загрузки, ошибок, плейсхолдера для поля поиска и автоматически добавляемой кнопки «назад».
Загрузка
Есть два способа получить jQuery Mobile A4:
1. Встроить в свой сайт код, со ссылкой на сервера jQuery.
JavaScript:
Uncompressed: jquery-mobile-1.0a4.js (130KB)
Minified and Gzipped: jquery-mobile-1.0a4.min.js (19KB)
CSS:
Uncompressed: jquery-mobile-1.0a4.css (53KB)
Minified and Gzipped: jquery-mobile-1.0a4.min.css (7KB)
Код для копипейста:
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.css" /><br/><script src="http://code.jquery.com/jquery-1.5.2.min.js"></script><br/><script src="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.js"></script>
2. Скачать все один ZIP архивом jquery-mobile-1.0a4.zip (JavaScript, CSS, и картинки)