jQuery SimpleModal Popup:如何在第一个弹出关闭事件中打开第二个弹出窗口?

时间:2010-11-18 07:32:18

标签: javascript jquery simplemodal

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

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

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

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

2 个答案:

答案 0 :(得分:2)

我认为这是因为:

$.modal('selector');

不起作用只有这应该起作用:

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

答案 1 :(得分:0)

为此,您必须在关闭第一个弹出窗口后打开第二个弹出窗口,大约需要2秒钟。因此,如果您使用settimeout()函数并通过提供2秒延迟或大于此时调用第二个弹出。它会工作。 因为,这不是一个正确的方法。但它实际上适合我。

我正在使用Simple modal 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;
    });