jQuery

【jQuery】モーダルボックス/ポップアップウィンドウを作成ModalBox

May 26, 2017
Modal box

ModalBoxはjQueryに対応するモーダルボックス/ポップアップウィンドウを簡単に作成することができます。広告、購読フォーム、アップロードフォーム、ログイン/登録フォームなど簡単なメッセージの表示に使用できます。

Quick start

<link rel="stylesheet" type="text/css" href="dist/modal-box.min.css" />
<script src="jquery.js" type="text/javascript"></script>
<script src="dist/modal-box.min.js" type="text/javascript"></script>
<div id="my-modal">modal box - content</div>
<button type="button" id="open-modal">Open modal</button>
$(document).ready(function() {
    $("#my-modal").wgModal({
        triggerElement: '#open-modal',
    });
});

MIT