Estoy intentando usar la ventana emergente de jQuery Mobile 1.3.1 para advertir al usuario cuando las credenciales de inicio de sesión son falsas. Comencé con una plantilla básica de la documentación de jquerymobile, pero no pude hacerlo funcionar$('#popupBasic').popup('open'); Si lo uso de esta manera;

     <div data-role="page">


        <div data-role="header" data-tap-toggle="false">
        </div><!-- /header -->

        <div data-role="content">

            <a href="#popupBasic" data-rel="popup">Tooltip</a>
            <div data-role="popup" id="popupBasic">I will change this text dynamically if this popup works</div>


        </div><!-- /content -->
    </div><!-- /page -->

Funciona bien cuando hago clic en el enlace de información sobre herramientas. Pero en mi caso no hay ningún clic, así que estoy intentando esto;

                if(retVal){
                    $.mobile.changePage('index');
                }
                else{                    
                    $('#popupBasic').popup();
                    $('#popupBasic').popup("open");
                }

esto ocurre después de que mi función de inicio de sesión ajax realice una devolución de llamada, por lo que retVal es verdadero si no hay ningún error, falso si lo hay (y en ese momento estoy intentando mostrar una ventana emergente). Por cierto, toda mi parte js está en

 $(document).on('pageinit', function(){});

así que espero hasta que jquerymobile esté listo para la página.

Lo que sucede cuando hago esto es en los cambios de los navegadores de escritorio como

http://localhost/login#&ui-state=dialog

pero no muestra el pop up. Después de algunas actualizaciones y cachés comienza a mostrarse. En iOS, lo mismo también sucede, pero en Android, a veces, cambia el enlace, alguna vez no lo hace.

Me encantaría que alguien me ayude a resolver este problema. Gracias por adelantado.