jqModal jQuery 插件 - 如何设置模态弹出窗口的超时？

Question

我正在使用 jQuery 插件 jqModal。

刚接触它，所以我仍在学习它的用法。

我想做的是显示弹出窗口 3 秒钟，然后自动关闭。

基本上，这是我想要的事件流程：

1. 我的页面加载。
2. 显示模式弹出窗口，显示“正在连接到 MySite..”
3. （3 秒后）模式弹出窗口自动关闭。
4. 刷新页面(window.location.reload());

这是我到目前为止所拥有的（不多）：

HTML：

<div id="jqPopupModal" style="display: none;">Connecting to My Site...</div>

JS：

window.onload = function() {
   showPopup();
   window.location.reload();
}

function showPopup() {
   $('#jqPopupModal').jqm( { modal: true } );
   $('#jqPopupModal').jqmShow();
}

是否有一些参数可以传递给 .jqmShow() 函数来设置窗口的超时？或者我应该挂接到 onShow 回调并执行一个简单的 setTimeout 吗？

如果步骤 2 和 4 异步发生也很好：换句话说，页面刷新的同时显示 jQuery 弹出窗口。

有什么想法吗？

编辑：

好的，我已经可以打开/关闭延迟了，但不能使用window.location.reload()。这么说根本不会发生任何延迟。

这是我的代码：

function fbcPopupOnShow() {{
                $('#fbcModalPopup').show();
                window.location.reload();
                window.setTimeout(new function() {{
                    $('#fbcModalPopup').jqmHide();

                }}, 1000);
            }}

            function showFacebookConnectPopup() {{
                $('#fbcModalPopup').jqm( {{ 
                    modal: true,
                    onShow: fbcPopupOnShow
                }});

                $('#fbcModalPopup').jqmShow();
            }}

我希望 window.location.reload() 能够在显示弹出窗口时重新加载父窗口，而不是其中之一。

编辑2：

发现无法异步重新加载和弹出，因为jqModal弹出窗口并不是真正的“弹出窗口”（即不会生成新窗口）。它只是一个隐藏的DIV。

因此，我刚刚更改了代码以在窗口隐藏后重新加载。

Answer 1

使用 onShow 事件在延迟后关闭它（需要 jQuery 1.4+），否则您可以使用 javascript 超时来关闭弹出窗口。

var autoClose = function(hash) { $('#jqPopupModal').delay(3000).jqmHide(); }; 
$('#jqPopupModal').jqm({ modal: true, onShow:autoClose});