Jquery 移动弹出窗口

【问题标题】：Jquery Mobile PopupJquery 移动弹出窗口
【发布时间】：2012-03-22 18:32:06
【问题描述】：

我正在尝试创建一个对话框弹出消息，在移动设备上加载索引时显示图像。我只需要在页面加载时显示此弹出窗口。

任何帮助将不胜感激。

【问题讨论】：

标签： jquery jquery-mobile popup

【解决方案1】：

创建一个属性为data-role="popup"的div，然后当你想用$('#popupID').popup("open");打开它。

【讨论】：

【解决方案2】：

我通过使用 setTimeout 在$document.bind 之外设置它使其工作。我不明白为什么$('#myPopup').popup("open") 在$document.bind 中不起作用。这对我来说是这样的：

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

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

【讨论】：

【解决方案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>

【讨论】：