Как подключить jQuery Mobile на веб-страницу?

Пользователь

от chloe.keebler , в категории: JavaScript , год назад

Как подключить jQuery Mobile на веб-страницу?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от eudora , 9 месяцев назад

@chloe.keebler 

Для подключения jQuery Mobile на веб-страницу необходимо выполнить следующие шаги:

  1. Скачайте файлы jQuery Mobile с официального сайта http://jquerymobile.com/download/.
  2. Разместите скачанные файлы на своем сервере.
  3. Добавьте ссылки на необходимые файлы в секцию head вашей веб-страницы:
1
2
3
<link rel="stylesheet" href="jquery.mobile-1.4.5.min.css">
<script src="jquery-1.11.1.min.js"></script>
<script src="jquery.mobile-1.4.5.min.js"></script>


  1. Теперь вы можете использовать элементы и функциональность jQuery Mobile на своей веб-странице.


Например, вот простой пример веб-страницы с использованием jQuery Mobile:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html>
<html>
<head>
    <title>My jQuery Mobile Page</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="jquery.mobile-1.4.5.min.css">
    <script src="jquery-1.11.1.min.js"></script>
    <script src="jquery.mobile-1.4.5.min.js"></script>
</head>
<body>

    <div data-role="page">

        <div data-role="header">
            <h1>My Header</h1>
        </div><!-- /header -->

        <div data-role="content">
            <p>Hello, world!</p>
        </div><!-- /content -->

        <div data-role="footer">
            <h4>My Footer</h4>
        </div><!-- /footer -->

    </div><!-- /page -->

</body>
</html>


Этот пример демонстрирует использование элементов data-role для создания страницы с заголовком, содержимым и подвалом.