2012-04-02 7 views
4

Ich verwende Zurbs Reveal, um modale Fenster auf einer Webseite anzuzeigen.Sekunde vorb Reveal Modal-Fenster - möglich?

Ich muss ein kleines modales Fenster auf einem bereits geöffneten modalen Fenster anzeigen (das letztere enthält ein Formular).

hinzugefügt I onclick="$('#ypopup').reveal();" zu einem a Element auf der Form, und stellen Sie die z-Index von #ypopup (das zweite modale div) bis 9999. Auf diese Weise der zweite modale gut erscheint.

Aber wenn ich es schließe, verschwindet nicht nur das zweite Modal, sondern auch der Hintergrund des ersten Modals. Das erste Modal bleibt sichtbar, es kann jedoch nicht geschlossen werden. Nur ein Neuladen der Seite hilft.

Ist es möglich, ein zweites offensichtliches Modal auf einem offenen Fenster zu haben?

Antwort

-2

... überhaupt kein Problem!

Try this ...

  1. geben jeweils modal eine eindeutige ID # ... myModal1, myModal2, myModal3 ... etc ...

  2. eine separate jquery Funktion in dem Dokument hinzufügen bereit für jedes modale ... und ändern Sie die Abteilungen entsprechend.

$ (document) .ready (function() {

$('#at-button1').click(function(e) { 
     e.preventDefault(); 
    $('#myModal1').reveal(); 
}); 

    $('#at-button2').click(function(e) { 
     e.preventDefault(); 
    $('#myModal2').reveal(); 
}); 

$('#at-button3').click(function(e) { 
     e.preventDefault(); 
    $('#myModal3').reveal(); 
}); 
+1

Haben Sie diesen Code versucht, und Sie denken, es erreicht, was das OP aussieht ng für? Ich habe - und ich nicht. -1 –

0

Fügen Sie diese auf Ihren Code:

$(document).on('closed.fndtn.reveal',function() { $('.reveal-modal').removeClass('toback'); })

Dies wird alle dazu führen, zeigt über die offenbaren sein Hintergrund, so ziehen Sie Ihre erste Enthüllung nach oben

Verwandte Themen