Jquery Mobile Popup

Question

Я пытаюсь создать всплывающее сообщение в диалоговом окне, которое отображает изображение при загрузке индекса на мобильное устройство. Мне просто нужно, чтобы это всплывающее окно отображалось только во время загрузки страницы.

Любая помощь будет принята с благодарностью.

Answer 1

Создайте div с атрибутом data-role="popup", затем, когда вы хотите использовать его $('#popupID').popup("open");, чтобы открыть его.

Answer 2

Я заставил его работать, установив его вне $document.bind с помощью setTimeout. Я недостаточно понимаю, чтобы понять, почему $('#myPopup').popup("open") не работает внутри $ document.bind. Вот как это работает для меня:

$(document).bind("pageinit", function() {
setTimeout("popupForm()",10);
});

function popupForm() {
    $('#popupLogin').popup("open"); 
}

Answer 3

    <script>
            //execute code to show pop-up immediatly in-line, assumes jquery library has already been loaded and the "popup" DOM element is already defined:
            $("#mypopup").show();

            //set handler to dismiss popup on window loading
            $(window).load(function() {
                  $("#mypopup").hide();
            });

    </script>