使用Zurb基金会"Unreveal"模态

Question

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

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

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
        }
    });