Eu estou tentando usar pop-up do jQuery Mobile 1.3.1 para avisar o usuário quando as credenciais de login são falsas. Comecei com um template básico da documentação do jquerymobile, mas não consegui fazer funcionar$('#popupBasic').popup('open'); Se eu usar desse jeito;

     <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 bem quando clico no link Tooltip. Mas no meu caso não há nenhum clique, então estou tentando isso;

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

isto é depois que minha função de login ajax faz um callback, então retVal é true se não houver erros, false se houver (e nesse momento eu estou tentando mostrar popup). A propósito, toda a minha parte js está em

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

então eu espero até que o jquerymobile esteja pronto para a página.

O que acontece quando eu faço isso é em alterações de link de navegadores de desktop como

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

mas não mostra o pop up. Depois de algumas atualizações e caches, ele começa a aparecer. No iOS a mesma coisa também acontece, mas no android às vezes ele muda de link algumas vezes.

Eu ficaria muito feliz se alguém puder me ajudar a resolver este problema. Desde já, obrigado.