Последние учебники веб-разработки
 

Jquery pagecontainerload событий

<Jquery Мобильные события

пример

Оповещать некоторый текст, когда внешняя страница была успешно загружена и вставляется в DOM:

$(document).on("pagecontainerload",function(){
  alert("pagecontainerload event fired!");
});
Попробуй сам "

Определение и использование

Событие pagecontainerload срабатывает после того, как страница была успешно загружена и вставляется в DOM.

Сопутствующие мероприятия:

  • pagecontainerbeforeload - срабатывает до запроса любой нагрузки производится
  • pagecontainerloadfailed - срабатывает , если запрос загрузки страницы терпит неудачу

Примечание: Эти события используются для внешних страниц - Всякий раз , когда внешняя страница загружается в DOM, 2 события увольняют. Первый pagecontainerbeforeload. Второе событие будет либо pagecontainerload или pagecontainerloadfailed.

Синтаксис

$("document").on("pagecontainerload",function(event,data){...})

параметр Описание
function(event,data) Необходимые. Задает функцию для запуска при возникновении события pagecontainerload.

Функция имеет два дополнительных параметра:

Объект события - который может содержать любые свойства событий Jquery (например , event.target, event.type и т.д.) См Jquery события Справочник для получения дополнительной информации

Объект данных - содержит следующие элементы :

  • url (string) - содержит абсолютный или относительный URL страницы (который был отправлен на $.mobile.loadPage() )
  • absUrl (string) - содержит абсолютную ссылку в URL
  • dataUrl (string) - содержит URL - адрес местоположения браузера
  • options (object) - содержит опции , которые были отправлены $.mobile.loadPage()
  • xhr (object) - содержит объект XMLHttpRequest (пересылаются в качестве 3 - го аргумента $.ajax() успех обратного вызова)
  • textStatus (string or null) - содержит статус запроса ( "success" или "null" ) (Переданные в качестве 2 - го аргумента $.ajax() Ошибка обратного вызова)

Попробуйте сами - Примеры

Демонстрация связанных событий
Демонстрация pagecontainerload и pagecontainerloadfailed.

Объект события
Используя свойство Event.type вернуть сработавший тип события.

Объект данных
Использование data.url для возврата URL внешней страницы.

<Jquery Мобильные события