使用Zurb基金会的“Unreveal”模式

Question

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

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

Answer 1

你可以简单地做这样的事情

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

UPDATE

通过插件的源代码，看后动态触发点击在其他情况下，它看起来像他们绑定的事件到模态元素reveal:close。所以，你也可以做这样的事情

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

Here is a fiddle

Answer 2

你可以使用自己的jQuery插件jquery.foundation.reveal.js

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

Answer 3

您也可以使用以下命令：

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