jquery - ZurbFoundationを使用した「Unreveal」モーダル

Question

私はサイトでZurbFoundationを使用しており、RevealJSプラグインで動作するモーダルウィンドウを取得しようとしていました。dismissModalClass渡すパラメーターにオプションを追加しreveal()て、クリックするとモーダルを閉じるボタンなどにイベントハンドラーをアタッチできることがわかりました。

Revealを使用してモーダルウィンドウを手動で閉じる方法はありますか？さまざまなカスタムイベントにcloseメソッドをアタッチできるようにしたいと思います。

Answer 1

このようなことを行うことで、他のイベントで動的にクリックをトリガーすることができます

$('.close-reveal-modal','#myModal').click()

アップデート

プラグインのソースコードを調べると、イベントをと呼ばれるモーダル要素にバインドしているように見えますreveal:close。だからあなたもこのようなことをすることができます

$('.otherClose').click(function(){
    $('#myModal').trigger('reveal:close')
})​

これがフィドルです

Answer 2

次のものも使用できます。

$('#myModal').foundation('reveal', 'close');

Answer 3

You could use their jQuery plugin jquery.foundation.reveal.js

 $('#mymModal').reveal({
        dismissmodalclass: 'close-reveal-modal' //class name of button to close open dialog
        }
    });