javascript - 如何使用 Zurb Foundation 显示打开、打开、关闭、关闭回调函数？

Question

zurb 基金会网站 http://foundation.zurb.com/docs/reveal.php他们列出了一些选项，包括

open:在模式打开之前触发的回调函数。

已打开:在模式打开“之后”触发的回调函数。

关闭:触发“在”模式准备关闭之前的回调函数。

关闭:在模式关闭后触发的回调函数。

但我不知道如何将它们与我的模态一起使用。
我试过了:

$('#myModal').closed(function()
{});

$('#myModal').trigger('reveal:closed')(
{});

$('#myModal').reveal.closed(function()
{});

$('#myModal').reveal().closed(function()
{});

我用谷歌搜索但没有找到任何结果。任何人都可以解释它或给我一个例子或提供相关链接？

但是，给出的建议有效
我还有另一个与 reveal() 密切相关的问题。 :

<a href="#" class="button" data-reveal-id="myModal2">Click Me For A Modal</a>);

我尝试添加一个属性，例如 data-closeOnBackgroundClick="false"这似乎行不通。正确的语法应该是什么？它也适用于回调函数吗？

Answer 1

上面的答案对我不起作用。这是有效的(Foundation 4 和 jQuery):

$('#myModal').bind('opened', function() {
  console.log("myModal opened");
});