NeGiMeMo.net

ねぎさんのメモ帳。日常・メモ・ときどきWordPress。

jQueryで、JavaScriptの確認ダイアログを出す

bell賞味期限切れコンテンツ

この記事は公開または最終更新から1105日くらい経過しています。
このメッセージが表示されている記事(特にプログラミング系)は情報が古くなっている可能性があるので注意して下さい。

ウェブアプリなんかを作っていると、確認ダイアログとかが欲しくなります。

jQueryを使っている場合は、様々なプラグインを利用してかっこいいダイアログを出すことが出来ますが、とくに見た目にこだわらないのでJavaScriptのalertみたいなやつでさくっと実装したい場合は、こんな感じで書けばOKです。

 あとは、

 みたいにすればOK。
リンクをクリックすると「はい」・「いいえ」のボタンがついたダイアログが出ます。
そして「いいえ」が押された場合は「return false」となってリンクが無効化され遷移しなくなります。「はい」の場合はなにもしないのでそのままリンク先に移動します。

クリックイベントに反応するのでクラスを持っていればボタンとかでも使えます。

TAGS