jQuery SimpleModal Popup: как открыть второе всплывающее окно при первом закрытии всплывающего окна?

Question

Как открыть второе всплывающее окно при первом закрытии всплывающего окна?

Если я открываю второе модальное всплывающее окно при первом модальном всплывающем событии -

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

Но второе всплывающее окно не появляется. Кто-нибудь может помочь с этим?

Answer 1

Я думаю, это потому, что:

$.modal('selector');

не работает, только это должно работать:

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

Answer 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;
    });