如何確切知道哪個Foundation模式窗口打開？

Question

我在我的HTML定義了兩種模態窗口：

<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> 

根據特定功能的結果，這些模式中的一個將被調用（打開）通過調用$('#modal-1').foundation('open');或$('#modal-2').foundation('open');。

這很好。我可以很容易地檢查是否有任何模式窗口被打開，因爲一旦我呼叫.foundation('open')，一個新類別被添加到body，稱爲is-reveal-open。這很好，但...

問題：如何確切確定哪個窗口打開？我不想循環DOM等。Foundation是否提供某種幫助方法？任何想法如何以最好的方式做到這一點？

PS。我用foundation-sites@6.1.1

Answer 1

在這種情況下，考慮到你有模態對象查詢的多個實例，以最簡單的做法是：

$(".modal:visible") 

它將返回的DOM節點你莫代爾

ps：在基礎5選擇器是$(".reveal-modal:visible")不知道哪一個對你有好處