Добавление JQuery Mobile на веб-страницы
Есть два способа добавить JQuery Mobile на свой веб-сайт. Ты можешь:
- Ссылка на библиотеку JQuery Mobile, хранящейся в CDN (рекомендуется)
- Ссылка на библиотеку JQuery Mobile, хранящейся на вашем компьютере
Ссылка на JQuery Mobile С CDN
CDN (сеть доставки контента) используется для распределения часто используемых файлов через сеть.
Это делает скорость загрузки гораздо быстрее для пользователей.
Как и с ядром JQuery, нет ничего, чтобы установить на своем компьютере; вы просто включите следующую таблицу стилей (.css) и библиотеки JavaScript (.js) непосредственно в HTML - страницы, чтобы получить JQuery Mobile для работы:
JQuery Мобильный CDN:
<head>
<!-- Include meta tag to ensure proper rendering and touch
zooming -->
<meta name="viewport" content="width=device-width,
initial-scale=1">
<!-- Include jQuery Mobile stylesheets -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<!-- Include the jQuery library -->
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<!-- Include the jQuery Mobile library -->
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
Попробуй сам " Окно просмотра <meta> тега внутри <head> элемент определяет , как браузер должен контролировать уровень масштабирования страницы и размеры.
width=device-width задает ширину страницы , чтобы следить за экраном на ширину устройства (который будет варьироваться в зависимости от устройства).
initial-scale=1 устанавливает начальный уровень масштабирования при первой загрузке страницы браузером.
Ссылка на JQuery Mobile хранятся на Вашем компьютере
Если вы хотите разместить в библиотеку JQuery Mobile себя, вы должны сначала загрузить его из jQuerymobile.com .
Затем добавьте следующий код на свою страницу:
<head>
<meta name="viewport" content="width=device-width,
initial-scale=1">
<link rel="stylesheet" href="jquery.mobile-1.4.5.css">
<script src="jquery.js"></script>
<script src="jquery.mobile-1.4.5.js"></script>
</head>
Совет: Поместите загруженные файлы в том же каталоге, что и страницы , где вы хотите его использовать.
Вы задаетесь вопросом, почему мы не имеем type="text/javascript" внутри <script> тега?
Это не требуется в HTML5. JavaScript является языком сценариев по умолчанию в HTML5 и во всех современных браузерах!