Estoy diseñando una aplicación JQuery Mobile y ante un problema allí, tengo dos páginas,page1.aspx ypage2.aspx, Tengo que redirigir desdepage1 apage2. Actualmente estoy usandowindow.location.href para redireccionar, pero también se muestra cargando en la barra de direcciones.

Para evitar esto, quiero usar$.mobile.changePage.

Problema

Ahora, antes de la redirección, estoy configurando un valor enlocalStorage variable, basada en este valor en el evento de carga depage2.aspx Tengo que atar la página. Funciona bien conwindow.location.href, pero mientras usa$.mobile.changePage se está redirigiendo pero el evento de carga no se activa después de llegar apage2.aspx si estoy actualizando la página que se está cargando. Entonces mi problema es al mostrarpage2.aspx carga evento tiene que disparar.

Puede alguien decirme por quepage2.aspx no se carga mientras usa$.mobile.changePage?

Si alguien conoce la solución, responda lo antes posible, es muy urgente.

Gracias por adelantado

Page1.aspx:

localStorage.setItem("pageCode", "NULLException");
//$.mobile.changePage("../MessageDialog.aspx", "slide", true, true);
$.mobile.changePage("../MessageDialog.aspx", { transition: "slide", changeHash: true, reverse: false }); 

Page2.aspx:

 $('div').live("pageshow", function () {
     if (localStorage.getItem("pageCode") != null) {
         if (localStorage.getItem("pageCode") == "NullException") {
                    $('#lblDialogHeader').text("Error");
                    $('#lblDialogMessage').text("Sorry");
                    document.getElementById("btnOK").setAttribute("onclick", 'Test()');
                }
    }
}

HTML

<div data-theme="c" data-role="page" id="test">
        <div data-role="header" data-theme="b">
            <h1><label id="lblStatus">Status</label></h1> 
        </div>
        <div data-role="content" data-theme="b">
        <h3><label id="lblDialogHeader"></label></h3>
            <p><label id="lblDialogMessage"></label></p>
        </div>
         <div data-role="footer" data-theme="b">
            <div data-role="navbar">
                <ul>
                   <a href="#" data-role="button" id="btnOK" data-icon="check">OK</a>       
                    <a href="#" data-role="button"  id="btnCancel"   data-rel="back" data-icon="delete" >Cancel</a>    
                </ul>
            </div>
        </div>
    </div>