2017-03-23 3 views
1

私はAJAXを介して情報を送信するために私のアプリケーション内でファンデーションリリーを使用しています。すべてが機能していますが、モーダル終了時にいくつかのテキストを変更したいと思います。どのようにモーダルがFoundation 6で終了するときに関数を起動しますか?すべてのヘルプは素晴らしいことだ、私の現在のコードは次のとおりです。モーダルでの火災イベントの終了?

$("#share_modal").foundation('reveal', 'close', function() { 
    alert("closed"); 
}); 

私は

Uncaught ReferenceError: We're sorry, 'reveal' is not an available method for this element.

は、しかし、私が参照してる要素が.reveal

<div class="reveal" id="share_modal" data-reveal data-options="closeOnClick:true; closeOnEsc: true;"> 
    <div class="row"> 

答えて

2
でエラーを取得しています

Foundation 6では、イベントは少し異なります。

(function ($, window, undefined) { 
    'use strict'; 

    $('[data-reveal]').on('closed.zf.reveal', function() { 
    var modal = $(this); 
    alert('closed'); 
    }); 

    $(document).foundation(); 


})(jQuery, this); 

これはすべてのデモを対象とします。 #share_modalだけを対象にしたい場合は、セレクタを$('[data-reveal]')から$('#share_modal')に変更するか、modal.idを使用して要素IDを確認してください。それはかもしれないmodal.attr('id')

参考:http://foundation.zurb.com/sites/docs/reveal.html#js-events

関連する問題