使用Zurb Foundation的"Unreveal"模式

Question

我在一个网站上使用Zurb Foundation,我试图让一个模态窗口与Reveal JS插件一起使用.我看到你可以dismissModalClass为传递给reveal()它的参数添加一个选项,它将事件处理程序附加到按钮等,这将关闭点击模式.

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

Answer 1

您可以通过执行此类操作,在其他事件中动态触发点击

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

UPDATE

在查看插件的源代码之后,看起来它们将事件绑定到调用的模态元素reveal:close.所以你也可以这样做

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

这是一个小提琴

Answer 2

您还可以使用以下内容:

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