Начало работы с jquery-mobile

Download jquery-mobile eBook

замечания

Это происходит непосредственно с веб-сайта JQuery Mobile:

http://jquerymobile.com/about/

«jQuery Mobile - это система пользовательского интерфейса на основе HTML5, предназначенная для создания интерактивных веб-сайтов и приложений, доступных на всех смартфонах, планшетах и ​​настольных устройствах. Она построена на основе прочного jQuery и jQuery UI и предлагает Ajax-навигацию с переходы страниц, события касания и различные виджеты. Его легкий код построен с прогрессивным улучшением и имеет гибкий, легко настраиваемый дизайн ». - Команда JQuery Mobile

Я настоятельно рекомендую перейти на сайт, чтобы узнать больше о JQuery Mobile. Это всего лишь выдержка, чтобы помочь новичкам.

Вы также можете найти больше примеров и информации на официальной странице jquery-mobile: https://jquerymobile.com/demos

Настроить

Текущая версия JQuery Mobile - 1.4.5 и может быть загружена здесь: https://jquerymobile.com/

  • Загрузите zip-файл и извлеките все файлы.
  • Создайте папку библиотеки (или lib) внутри вашего приложения (внутри папки www).
  • Создайте папку jquery-mobile внутри папки lib (я назвал мой jqm).
  • Поместите все файлы jquery-mobile, которые вы извлекли из папки jquery-mobile. Теперь вы можете ссылаться на эти файлы в файле index.html.

В приведенном ниже коде файлы javascript и css включены по URL-адресу. Вы также можете следовать указанным выше пунктам и включать их по пути, на котором он расположен на вашей локальной машине, то есть:

<link href="lib/jqm/jquery.mobile-1.4.5.min.css" rel="stylesheet" />
...
<script type="text/javascript" src="lib/jqm/jquery.mobile-1.4.5.min.js"></script>
 

Это мини-версии файлов css и js. В качестве альтернативы вы можете включить неминифицированную версию во время разработки, чтобы ее было легче читать, если вам нужно ее копать. Если вы это сделаете, я бы рекомендовал переключить их обратно на мини-версии при развертывании на производство.

<link href="lib/jqm/jquery.mobile-1.4.5.min.css" rel="stylesheet" />
...
<script type="text/javascript" src="lib/jqm/jquery.mobile-1.4.5.min.js"></script>
 

Stats

64 Contributors: 4
Saturday, August 13, 2016
Лицензировано согласно: CC-BY-SA

Не связан с Stack Overflow
Rip Tutorial: info@zzzprojects.com

Скачать книгу