Wie kann man genau wissen, welches Foundation Modal Fenster geöffnet ist?

Question

Ich habe zwei modale Fenster in meinem HTML definiert:

<div class="reveal" id="modal-1" data-reveal> 
    <button class="close-button" data-close aria-label="Close modal 1" type="button"> 
     <span aria-hidden="true">&times;</span> 
    </button> 
    <p>content 1</p> 
</div> 

<div class="reveal" id="modal-2" data-reveal> 
    <button class="close-button" data-close aria-label="Close modal 2" type="button"> 
     <span aria-hidden="true">&times;</span> 
    </button> 
    <p>content 2</p> 
</div> 

Je nach Ergebnis der besonderen Funktion, eines dieser modal aufgerufen (geöffnet) werden, indem entweder $('#modal-1').foundation('open'); oder $('#modal-2').foundation('open'); aufrufen.

Das funktioniert vollkommen in Ordnung. Ich kann leicht überprüfen, ob eines der modalen Fenster geöffnet ist, denn sobald ich .foundation('open') aufrufen, wird eine neue Klasse in body namens is-reveal-open angefügt. Das ist in Ordnung, aber ...

Frage: Wie genau zu bestimmen, welches Fenster geöffnet ist? Ich möchte nicht durch DOM usw. loopen. Stellt Foundation dafür irgendeine Art von Hilfsmethode zur Verfügung? Irgendwelche Gedanken, wie man das am besten macht?

PS. Ich benutze foundation-sites@6.1.1

Answer 1

In diesem Szenario haben Sie erwägen mehrere Instanzen von modalen Objekte abzufragen, die einfachste, was zu tun ist:

$(".modal:visible") 

Es wird wieder die DOM-Knoten Ihrer modal

ps: in Stiftung 5 Selektor ist $(".reveal-modal:visible") nicht sicher, welche für Sie gut sein wird