modalをfunctionから開く方法
すぐに忘れちゃうのでメモです。
■ModalをClickイベントで開く場合
1 2 3 |
<span class="nx">$</span><span class="p">(document</span><span class="p">).</span><span class="nx">on</span><span class="p">(</span><span class="s1">'click'</span><span class="p">,'クラス名など',</span> <span class="kd">function</span><span class="p">(){</span> <span class="nx">$</span><span class="p">(</span><span class="s1">'#modalのID'</span><span class="p">).</span><span class="nx">modal</span><span class="p">(</span><span class="s1">'show'</span><span class="p">);</span> <span class="p">});</span> |
メモすると大したことないんですがなんだっけなって・・・・。
ついでに閉じたときにイベントを発動させる場合
1 2 3 |
$('#modalのID').on('hidden.bs.modal', function () { alert("とじたよ"); }); |
イベント名 | 概要 |
show.bs.modal | Modaldialogを開くshowメソッドを呼び出した時に発動するイベンド |
shown.bs.modal | ModalDialogが完全に表示されたときに発動するイベンド |
hide.bs.modal | ModalDialogの閉じるメソッドを呼び出した時に発動するイベント |
hidden.bs.modal | ModalDialogが完全に非表示になったときに発動するイベント |