tutoriais mais recente desenvolvimento web
 

jQuery pageload Evento

<JQuery Mobile Eventos

Exemplo

Alertar algum texto quando a página externa foi carregado e inserido no DOM com sucesso:

$(document).on("pageload",function(){
  alert("pageload event fired!");
});
Tente você mesmo "

Definição e Uso

O evento pageload foi preterido no jQuery versão 1.4.0. Use o pagecontainerload evento em vez disso.

O evento pageload é acionado depois que a página foi carregada e inserido no DOM com sucesso.

Eventos relacionados:

  • pagebeforeload - desencadeada antes de qualquer pedido de carregamento é feito
  • pageloadfailed - acionado se o pedido de carregamento da página falha

Nota: Estes eventos são usados para páginas externas - Sempre que uma página externa é carregado no DOM, 2 eventos são disparados. O primeiro é pagebeforeload. O segundo evento será ou pageLoad ou pageloadfailed.

Sintaxe

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

Parâmetro Descrição
function(event,data) Requeridos. Especifica a função a ser executada quando o evento ocorre pageload.

A função tem dois parâmetros opcionais:

O objeto de evento - que pode conter quaisquer propriedades do evento jQuery (por exemplo event.target, event.type , etc.) Ver jQuery Eventos de Referência para obter mais informações

O objeto de dados - contém o seguinte:

  • url (string) - contém o URL absoluto ou relativo da página (que foi enviado para $.mobile.loadPage() )
  • absUrl (string) - contém a referência absoluta do URL
  • dataUrl (string) - contém a URL do local do navegador
  • options (object) - contém as opções que foram enviadas para $.mobile.loadPage()
  • xhr (object) - contém o objeto XMLHttpRequest (enviado como o terceiro argumento para $.ajax() sucesso callback)
  • textStatus (string or null) - contém o status da solicitação ( "success" ou "null" ) (enviado como o segundo argumento para $.ajax() erro de retorno de chamada)

Tente você mesmo - Exemplos

Uma demonstração de eventos relacionados
Uma demonstração de pageload e pageloadfailed.

O objeto de evento
Usando a propriedade Event.type para retornar o tipo evento disparado.

O objeto de dados
Usando data.url para retornar o URL da página externa.

<JQuery Mobile Eventos