Я пытаюсь использовать всплывающее окно jQuery Mobile 1.3.1, чтобы предупредить пользователя о ложных учетных данных. Я начал с базового шаблона из документации jquerymobile, но не мог заставить его работать$('#popupBasic').popup('open'); Если я буду использовать это таким образом;

     <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 -->

Это хорошо работает, когда я нажимаю на ссылку подсказки. Но в моем случае щелчка нет, поэтому я пытаюсь это сделать;

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

это происходит после того, как моя функция входа в AJAX выполняет обратный вызов, поэтому retVal имеет значение true, если ошибок нет, и false, если есть (и в этот момент я пытаюсь показать всплывающее окно). Кстати, все мои JS часть находится в

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

так что я жду, пока jquerymobile будет готов к странице.

Что происходит, когда я делаю это, на настольных браузерах ссылка меняется как

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

но не показывает всплывающее окно. После некоторых обновлений и кешей начинает показывать. На iOS то же самое происходит, но на android иногда он меняет ссылку, иногда нет.

Я был бы очень рад, если бы кто-то мог помочь мне решить эту проблему. Заранее спасибо.