论zurb基金会的网站http://foundation.zurb.com/docs/reveal.php他们列出了一些选项，包括
该模式将打开“前”触发回调函数：打开。
打开：触发模式开启“后”的回调函数。
关闭：触发“前”的模式准备关闭回调函数。
关闭：触发模式被关闭“后”的回调函数。
但我不知道如何将它们与我的模式使用。 我试过了
$('#myModal').closed(function() {});
$('#myModal').trigger('reveal:closed')( {});
$('#myModal').reveal.closed(function() {});
$('#myModal').reveal().closed(function() {});
我用Google搜索，但发现没有命中。 任何人谁可以解释或者给我一个例子，或提供相关链接？
谢谢！ 有用！
我有透露另一个密切相关的问题（）
<a href="#" class="button" data-reveal-id="myModal2">Click Me For A Modal</a>);
我尝试添加像一个属性data-closeOnBackgroundClick="false"这doen't似乎工作。 什么应该是正确的语法？ 它将为回调函数工作呢？
Answer 1:
呼叫reveal像往常一样，但包括期权和对应的功能为对象的名称：
//Reveal the modal and say "Good bye" when it closes
$("#myModal").reveal({ "closed": function () { alert("Good bye") } });
Answer 2:
以上回答没有为我工作。 这里是工作（4基金会和jQuery）：
$('#myModal').bind('opened', function() {
console.log("myModal opened");
});
Answer 3:
对于Zurb基金会事件绑定显示-
有一系列可以绑定到触发回调的事件：
$(document).on('open.fndtn.reveal', '[data-reveal]', function () {
// your code goes here...
});
$(document).on('opened.fndtn.reveal', '[data-reveal]', function () {
// your code goes here...
});
$(document).on('close.fndtn.reveal', '[data-reveal]', function () {
// your code goes here...
});
$(document).on('closed.fndtn.reveal', '[data-reveal]', function () {
// your code goes here...
});
如果你有多个数据揭示了单页使用方法如下：
<div class="content reveal-modal" id="element-1" data-reveal>
<div class="content reveal-modal" id="element-2" data-reveal>
然后，在这个情况下，你可以触发回调同上但稍加修改的解释如下图所示：
$(document).on('open.fndtn.reveal', '#element-1[data-reveal]', function () {
// your code goes here...
});
$(document).on('open.fndtn.reveal', '#element-2[data-reveal]', function () {
// your code goes here...
});
Answer 4:
在Zurb基金会V6，这些事件已更名为xxx.zf.reveal ：
- closeme.zf.reveal火灾模态打开之前。 关闭当前打开的任何其他情态动词
- 当模式已经成功打开open.zf.reveal火灾。
- 当模式完成关闭closed.zf.reveal火灾。
来源： http://foundation.zurb.com/sites/docs/reveal.html#js-events
例子：
通用回调，将火为情态动词：
$(document).on('open.zf.reveal', '[data-reveal]', function() { console.log('This works'); });
回调特定的模式打开时，将触发：
$(document).on('open.zf.reveal', '#<ELEMENT-ID>[data-reveal]', function() { console.log('This works'); });
Answer 5:
就像meatrobot说，得到你想要绑定到你的靶向作用的模式这方面的工作。 我得到这个工作：
$('#myModal').bind('closed', function() {
console.log("myModal closed!");
});
Answer 6:
这是一个有点晚，但在第二部分，你添加属性为分号分隔的数据选项的属性值的列表（用粉底5测试），即：
<div id="myModal" data-options="close_on_background_click:false;" class="reveal-modal">
不，你不能传递函数这种方式，我想:)
Answer 7:
纵观基金会5，发现揭示图书馆触发打开，打开，关闭和关闭的事件。 只是附加处理程序到你想要的事件。
$('#myModal').on([event], handler)
您也可以通过设置参数传递的处理程序。 检查了这一点： https://github.com/zurb/foundation/blob/master/js/foundation/foundation.reveal.js#L92
Answer 8:
该基金会5文档指定披露事件的“揭露” eventspace的作用域。 然而，似乎实际模态事件不会对本eventspace内持续开火。 删除此规范修复该问题：
$(document).on('opened.fndtn', '[data-reveal]', function() {
console.log('This works');
});
Answer 9:
在基础3.2.5你应该绑定“显示：打开”是这样的：
$('#myModal').bind('reveal:opened', function() {
console.log("myModal opened");
});
问候，MarianoC。
文章来源: How to use Zurb Foundation reveal with open, opened, close, closed callback functions?
