jQuery Mobile - Haz algo en la carga de la página

Question

Quiero hacer algo cada vez que se carga una página. Es algo que soluciona la apariencia del sitio móvil en diferentes dispositivos, por lo que también debe suceder en las cargas de AJAX.

Por el momento, he probado el enfoque tradicional $(function(){ /*...*/ });, pero eso solo funciona en la primera carga, y no en las posteriores cargas de AJAX.

He estado buscando el evento correcto para enlazar pero estoy fallando bastante duro.

Answer 1

Puede utilizar jQuery para unirse a cada "página" (div a configurar con el atributo data-role=page) y utilizar el evento pageshow (hay algunos otros también: pagebeforeshow, pagehide, pagebeforehide).

$(document).delegate('.ui-page', 'pageshow', function() { 
    //Your code for each page load here 
}); 

http://api.jquerymobile.com/pageshow/

Nota: esta respuesta fue escrito para jQuery Mobile 1.0.1, consulte el enlace de documentación anterior para obtener más información.

Answer 2

Puede escuchar el pageshow o el evento pagecreate y hacer su trabajo allí.

http://jquerymobile.com/test/docs/api/events.html