Метод jQuery Mobile Pagecontainer change ()

jQuery Mobile — это веб-технология, используемая для создания адаптивного контента, доступного на всех смартфонах, планшетах и настольных компьютерах.

В этой статье мы будем использовать метод jQuery Mobile Pagecontainer change(). Этот метод используется для перехода с одной страницы на другую.

Синтаксис:

• Чтобы вызвать метод изменения:

   $( ".selector").pagecontainer("change");

• Программно перейти с одной страницы на другую.

   $( ":контейнер мобильной страницы" )
  .pagecontainer("change", "confirm.html", {role: "dialog" } );

Параметр: этот метод принимает следующие параметры:

• to: этот параметр представляет собой URL-адрес в виде строки, к которой мы хотим перейти.
• параметры: этот метод принимает следующие параметры:
  • allowSamePageTransition: значение этого параметра по умолчанию — false. Он игнорирует запросы на переход на текущую активную страницу. Если для этого значения установлено значение true, оно разрешает выполнение запроса.
  • changeHash: этот параметр предназначен для создания новой записи истории браузера как части последовательности навигации.
  • data : этот параметр является данные для отправки с запросом страницы Ajax.
  • dataUrl : этот параметр представляет собой URL-адрес, который используется при обновлении местоположения браузера после завершения change().
  • loadMsgDelay : этот параметр указывает количество миллисекунд, на которое следует отложить появление сообщения о загрузке.
  • reloadPage : этот параметр используется для принудительной перезагрузки страницы, даже если она уже находится в DOM. Этот параметр используется только в том случае, если аргумент 'url' является URL-адресом.
  • reload : этот параметр используется для принудительной перезагрузки страницы, даже если она уже находится в DOM. Этот параметр используется только в том случае, если аргумент 'url' является URL-адресом.
  • reverse : этот параметр является значением логического типа. Он используется для установки того, должен ли переход применяться в обратном порядке.
  • role : этот параметр представляет собой значение роли данных, которое будет использоваться при отображении страницы.
  • showLoadMsg : этот параметр является значением логического типа. Он используется для установки, отображать ли сообщение о загрузке страницы.
  • переход : этот параметр является переходом, который следует использовать для смены страницы.
  • type : этот параметр указывает тип используемого HTTP-запроса («получить», «отправить» и т. д.). Этот параметр используется только в том случае, если аргумент «кому» является URL-адресом.

Тип возвращаемого значения: Тип возвращаемого значения этого метода — объект.

Ссылка CDN: для вашего проекта потребуются следующие сценарии jQuery Mobile, поэтому нам нужно добавить эти сценарии в ваш проект.

<link rel=”stylesheet” href=”//code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.min.css” />
<script src=”//code.jquery.com/jquery-3.2.1.min.js”></script>
<script src=”//code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.min.js”></script>

Пример: В этом примере описывается использование метода jQuery Mobile Pagecontainer change().

Выход:

Ссылка: https://api.jquerymobile.com/pagecontainer/#method-change