どのFoundation Modalウィンドウが開いているかを知るには？

Question

私はHTMLで定義された2つのモーダルウィンドウがあります。特定の関数の結果に応じて、

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

を、それらのモーダルの1が$('#modal-1').foundation('open');か$('#modal-2').foundation('open');のいずれかを呼び出すことによって、（開く）と呼ばれます。

これは問題なく動作します。 .foundation('open')を呼び出すと、is-reveal-openというbodyに新しいクラスが追加されるため、モーダルウィンドウが開いているかどうかを簡単に確認できます。それはいいですが...

質問：どのウィンドウが開いているかを正確に判断する方法はありますか？私はDOMなどを使ってループしたくありません。財団はそれに対して何らかのヘルパーメソッドを提供していますか？どのように最良の方法でこれを行うにはどのような考えですか？

PS。私はあなたが照会するモーダルオブジェクトの複数のインスタンスを持って考えると、このシナリオではfoundation-sites@6.1.1

Answer 1

を使用し、最も簡単な方法は次のとおりです。

$(".modal:visible") 

それはあなたのDOMノードを返します。モーダル

ps：ファンデーション5セレクターは$(".reveal-modal:visible")どちらがあなたに適しているかわからない