使用 Zurb Foundation 的“Unreveal”模式答案

【问题标题】："Unreveal" modal using Zurb Foundation使用 Zurb Foundation 的“Unreveal”模式
【发布时间】：2012-07-11 21:39:37
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

您可以简单地通过执行类似的操作在其他事件中动态触发点击

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

更新

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

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

【讨论】：

【解决方案2】：

您还可以使用以下内容：

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

【讨论】：

【解决方案3】：

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

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

【讨论】：