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的{{1}}中附加一个新类。那很好但是......

问题：如何准确确定打开哪个窗口？我不想循环访问DOM等基金会是否提供了某种辅助方法？有什么想法以最好的方式做到这一点？

PS。我使用foundation-sites@6.1.1

Answer 1

在这种情况下，考虑到要查询多个模态对象实例，最简单的方法是：

$(".modal:visible")

它将返回模态

的DOM节点

ps：在粉底5中，选择器$(".reveal-modal:visible")不确定哪一个对你有好处

如何确切地知道打开哪个Foundation Modal窗口？

1 个答案: