jquery - 使用 Zurb Foundation 的“Unreveal”模态

Question

我在一个网站上使用 Zurb Foundation，我试图让一个模式窗口与 Reveal JS 插件一起工作。我看到您可以dismissModalClass向传递给的参数添加一个选项，该选项reveal()会将事件处理程序附加到按钮等，这将在单击时关闭模式。

有没有办法用 Reveal 手动关闭模态窗口？我希望能够将关闭方法附加到不同的自定义事件。

Answer 1

您可以通过执行以下操作在其他事件中简单地触发点击

$('.close-reveal-modal','#myModal').click()

更新

查看插件的源代码后，看起来他们将一个事件绑定到名为reveal:close. 所以你也可以做这样的事情

$('.otherClose').click(function(){
    $('#myModal').trigger('reveal:close')
})​

这是一个小提琴

Answer 2

您还可以使用以下内容：

$('#myModal').foundation('reveal', 'close');

Answer 3

你可以使用他们的 jQuery 插件 jquery.foundation.reveal.js

 $('#mymModal').reveal({
        dismissmodalclass: 'close-reveal-modal' //class name of button to close open dialog
        }
    });