5

モーダル ウィンドウが閉じたときに、リビール モーダル ウィンドウで再生中のビデオの再生を停止したい (誰がそうしないの?)。これは、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");

    });

そのため、イベントが発火していないように感じます。確かにそうだけど、どうやって捕まえるの？

4

3 に答える 3

4

ファウンデーション 6 の魔法は、掘り下げてみないとわかりません。バージョン 6.2.3 での作業

$(document).on(
  'open.zf.reveal', '[data-reveal]', function () {
    console.log("'open.zf.Reveal' fired.");
  }
);
于 2016-10-12T21:27:36.127 に答える