zurb-foundation-6 - Foundation 6 揭示了没有为我触发的模态事件

Question

我希望在显示模式窗口中播放的视频在模式窗口关闭时停止播放(谁不呢？)。通过将 iframe 源设置为空，可以使用 jQuery 轻松完成此操作。

但我不知道如何让它在回调中工作。模态窗口本身按预期运行。这有效:

$('.close-button', '#video-reveal').on('click', function() {
      $('#video-player').attr("src", "");
       console.log("button event fired");
 });

但是，以下任何一项都没有任何影响:

  // from documentation
    $(document).on('close.fndtn.reveal', '[data-reveal]', function() {
        var modal = $(this);
        console.log("closing reveal event fired");

    }); 
    // my attempt to do it programmatically
    $('[data-reveal]').on ('opened.fndtn.reveal', function() {
        var modal = jQuery(this);
        console.log("opened reveal");

    });

所以感觉事件没有触发。我确定它是，但如何捕获它？

Answer 1

Foundation 6 的魔力在不进行一些挖掘的情况下并不明显。使用版本 6.2.3

$(document).on(
  'open.zf.reveal', '[data-reveal]', function () {
    console.log("'open.zf.Reveal' fired.");
  }
);