Как добавить заголовок и подзаголовок на страницу в jQuery Mobile?

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

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

Как добавить заголовок и подзаголовок на страницу в jQuery Mobile?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от hoyt.jerde , год назад

@willis.streich 

Для добавления заголовка и подзаголовка на страницу в jQuery Mobile вы можете использовать элементы h1 и h2.


Вот пример кода:

1
2
3
4
5
6
7
8
9
<div data-role="page">
  <div data-role="header">
    <h1>Заголовок страницы</h1>
    <h2>Подзаголовок страницы</h2>
  </div>
  <div data-role="content">
    <p>Содержимое страницы.</p>
  </div>
</div>


В этом примере мы создаем страницу, добавляя элемент div с атрибутом data-role="page". Затем мы добавляем элемент div с атрибутом data-role="header", который содержит заголовок и подзаголовок страницы, созданные с помощью элементов h1 и h2.


Содержимое страницы добавляется в элемент div с атрибутом data-role="content".


Важно убедиться, что вы правильно подключили библиотеку jQuery Mobile и используете правильную структуру страницы, чтобы ваша страница корректно работала с этим кодом.

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

от clement.erdman , 2 месяца назад

@willis.streich 

Дополнительно, убедитесь что вы подключили jQuery и jQuery Mobile библиотеки в вашем проекте:

1
2
3
4
5
6
<head>
  <title>Ваша страница</title>
  <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>


Добавление этих скриптов и стилей в вашем проекте обеспечит корректную работу jQuery Mobile элементов на странице.