Статьи

10 потрясающих мобильных плагинов jQuery

Вот несколько отличных плагинов для jQuery Mobile. Они оптимизированы для мобильных веб-сайтов и позволяют выполнять такие функции, как прикосновение к мобильному устройству, обнаружение мобильного устройства, проверка мобильного браузера, галереи мобильных изображений, перетаскивание с мобильных устройств, мобильная сенсорная прокрутка, вызовы ajax для мобильных устройств, мобильные css-твики и многое другое! Наслаждайтесь!

Сообщения, связанные с мобильными устройствами:

1. jQuery SwipeGallery

Оптимизирован для мобильных сайтов и поддерживает жесты смахивания. Это легкий плагин, который позволяет мгновенно создать галерею изображений, написав всего несколько строк HTML, например, неупорядоченный список изображений.
JQuery-iPhone-Swipe-Жесты-.jpg

Источник

2. Перетащите и масштабировать для iOS

Плагин dragNscale делает выбранные элементы перетаскиваемыми, масштабируемыми, вращаемыми, касаясь и зажимая на мобильной платформе.
Drag-и-Scale-для-КСН-.jpg
Источник

3. Коснитесь прокрутки — включите встроенный прокручиваемый Sontent на устройствах iOS

Плагин jQuery, обеспечивающий возможность прокручиваемого содержимого. Он имитирует поведение прокрутки на устройствах iOS (iPhone, iPod touch и iPad), чтобы решить проблему, связанную с тем, что «position: fixed;» не работает в мобильном Safari. Этот плагин будет работать только для вертикальной прокрутки контента. Он был разработан таким образом, чтобы быть легким и эффективным только для этой цели.
Touch-Scroll-Enable-Инлайн-Scrollable-Sontent-на-КСН-Sevices-.jpg
Источник

4. Продолжайте читать

Плагин «Keep Reading» можно использовать для отображения небольшого тега в правой нижней части экрана, когда страница содержит содержимое ниже сгиба. Это очень полезно для мобильных браузеров, где вам может потребоваться длинная форма на одной странице, чтобы сократить количество сетевых поездок. Тег предупредит пользователей о необходимости прокрутки для просмотра дополнительного контента. Когда пользователь прокручивает страницу, тег «больше контента» анимируется вне поля зрения.
Keep-Reading.jpg
Источник

5. Расширенная проверка браузера

Этот плагин выполняет полную проверку браузера (поддержка iPhone / iPad, iPod / мобильного устройства / сенсорного устройства / операционной системы, имени и версии браузера / плагина и проверка ActiveX / поддержка HTML5 / поддержка CSS3)
Advanced-Browser-Check-.jpg
Источник

6. JQuery Canvas Loader

Использует элемент canvas для создания альтернативы типичной загрузке изображений ajax. Может быть использован для замены существующего изображения или вы можете создать собственный, который заменит любой элемент на вашей странице. Этот плагин полезен в браузерах, которые не поддерживают анимированные GIF-файлы, такие как WebKit для Android.
Предупреждение: этот плагин не был протестирован во многих браузерах, но он работает в браузерах Mobile Safari и Android.
JQuery-Canvas-Loader-.jpg
Источник

7. jQuery мобильное устройство перетаскивания

Идея этого проекта заключается в создании примера перетаскивания, который работает в обычных браузерах для настольных ПК, но также поддерживает мобильные устройства. Этот проект направлен на разработку интерфейса в стиле перетаскивания с поддержкой мобильных устройств. Чтобы быть точным, большинство мобильных устройств «перехватывают» действие перетаскивания в веб-браузере, чтобы обеспечить функциональность прокрутки, оставляя элементы перетаскивания статически на странице.
JQuery-Mobile-устройств-Drag-And-Drop-.jpg
Источник

8. Выровняйте объект снизу

Выровняйте объект снизу, используя заданный интервал, мы разрешаем совместимость с iPhone.
Юстировка-объект-вниз-.jpg
Источник

9. Жесты jQuery для iPhone

Поддержка жестов смахивания iPhone и iPod Touch с использованием Safari JavaScript для onTouchStart, onTouchMove, onTouchEnd и onTouchCancel. Этот плагин использует встроенные сенсорные события Mobile Safari, чтобы разрешить jQuery-привязку событий свайпа к любому элементу DOM. Вы можете переопределить функции по умолчанию для swipeLeft и swipeRight, чтобы создать свой собственный процесс при обнаружении жеста.
JQuery-iPhone-Swipe-Жесты-.jpg
Источник

10. Жесты айфона

Поддержка жестов сжатия iPhone и iPod Touch с использованием событий Safari JavaScript. Новый плагин (в настоящее время в разработке), позволяющий jQuery связывать события пинча с любым элементом DOM.
iPhone-пинч-Жесты-.jpg
Источник

Обратите внимание, что эти плагины оптимизированы для использования с мобильными устройствами, такими как iPhone, iPod, iPad, Sansung Galaxy S, Andriod и другими популярными мобильными устройствами.