jQuery SimpleModal Popup：如何在第一个弹出窗口关闭事件时打开第二个弹出窗口？答案

【问题标题】：jQuery SimpleModal Popup: How to open second popup on first popup close event?jQuery SimpleModal Popup：如何在第一个弹出窗口关闭事件时打开第二个弹出窗口？
【发布时间】：2010-11-18 07:32:17
【问题描述】：

如何在第一个弹出关闭事件时打开第二个弹出窗口？

如果我在第一个模态弹出事件中打开第二个模态弹出窗口 -

$divFirstPopup.modal({
    onClose: function(dialog) {
        $.modal.close();
        $.modal('#divSecondPopup');
    }
});

但是没有出现第二个弹出窗口。任何人都可以提供帮助吗？

【问题讨论】：

标签： javascript jquery simplemodal

【解决方案1】：

我认为是因为：

$.modal('selector');

不工作只有这个应该工作：

$.modal($('selector'));

【讨论】：

从弹出标记中的关闭按钮单击事件中，我正在调用 $.modal.close();明确的。

【解决方案2】：

为此，您必须在关闭第一个弹出窗口后打开第二个弹出窗口，大约需要 2 秒。因此，如果您使用 settimeout() 函数并通过提供 2 秒或更长的延迟来调用第二个弹出窗口。它会起作用的。因为，这不是这样做的正确方法。但它实际上对我有用。

我正在使用简单的模态 jquery 插件：代码如下：

$('#forgot_password_modal').click(function (e) {
    $.modal.close(); // this is written to close all the popups.
    setTimeout(function(){
        $('#forgot_password_form').modal({   //to open a second popup
            minHeight:570,
            minWidth:600,
            maxWidth:671,
            opacity: 90,
        onOpen: function(dialog) {
                dialog.overlay.fadeIn('slow', function() {
                    dialog.data.hide();
                    dialog.container.fadeIn('slow', function() {
                        dialog.data.slideDown('slow');

                    });
                });
            },
            onClose: function(dialog) {
                dialog.data.fadeOut('slow', function() {
                    dialog.container.slideUp('slow', function() {
                        dialog.overlay.fadeOut('slow', function() {
                            $.modal.close(); // must call this!
                        });
                    });
                });
            }});
    }, 2000);    
        return false;
    });

【讨论】：