【jQuery】remodalをjavascriptで閉じる・開く方法

remodal Javascript
remodalをjavascriptで閉じる

remodalをボタンやリンクではなく、javascript(jQuery)で閉じたり開いたりする方法です

確認用モーダル用HTML

<div class="remodal-bg">
     <div class="remodal" data-remodal-id="modal-target">
        <h1>Remodal</h1>
        <p>
            Test
        </p>
        <a class="remodal-cancel" href="#">Cancel</a>
        <a class="remodal-confirm" href="#">OK</a>
    </div>
</div>

Javascriptから閉じる(close)

if ($.remodal) {
    var modal = $.remodal.lookup[$('[data-remodal-id=modal-target]').data('remodal')];
    modal.close();
}

Javascriptから開く(open)

if ($.remodal) {
    var modal = $.remodal.lookup[$('[data-remodal-id=modal-target]').data('remodal')];
    modal.open();
}

modal-targetの部分は必要にあわせて書き換えてください

コメント

タイトルとURLをコピーしました