2010-11-18 8 views
1

Comment ouvrir la deuxième fenêtre contextuelle lors du premier événement de fermeture de fenêtre contextuelle?jQuery SimpleModal Popup: Comment ouvrir la deuxième popup sur le premier événement de fermeture de popup?

Si j'ouvre la deuxième fenêtre contextuelle modale sur le premier événement pop-up modal -

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

Mais deuxième pop-up ne semble pas. Quelqu'un peut-il fournir de l'aide à ce sujet?

Répondre

2

Je pense qu'il est parce que:

$.modal('selector'); 

ne fonctionne pas seulement cela devrait fonctionner:

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

D'un événement click bouton de fermeture dans le balisage Popup, j'appelle .modal.close $(); explicitement. –

+0

Ok édité la réponse en conséquence –

+0

merci marcus pour l'aide –

0

Pour cela, vous devez ouvrir la deuxième pop-up après la fermeture de la première qui prend environ 2 seconde. Donc, si vous utilisez la fonction settimeout() et appelez la deuxième pop en fournissant 2sec retard ou supérieur à cela. Ça va marcher. Depuis, ce n'est pas une bonne façon de le faire. Mais ça marche vraiment pour moi.

J'utilise le plugin simple jquery modal: Voici le code:

$('#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; 
    });