jQuery Alert Dialogsで表示後に処理したい
最近携わったサイトの中でJavaScript内に「jAlert」とかいう記述があった。アラートを綺麗に表示させるプラグインが何かみたいなんだけどそのアラートを表示させて「OK」を押した後に、特定の処理がしたかった。
普通のアラートであれば、
|
1 2 |
alert('hoge'); console.log('fuga'); |
と書くことでアラート表示→「OK」を押す→アラート非表示→コンソールに「fuga」と表示されるが、jAlertの場合に同じように書くと、アラート表示とその後の処理が同時に行われた。
以下で対応する。
|
1 2 3 |
jAlert('body', 'title', function(){ console.log('hoge'); }); |
■その他
そもそもjAlertって何なのか調べたところ、jQuery Alert Dialogというライブラリらしい。alertとかconfirmのデザインってブラウザに依存するので、その辺こだわるのであれば便利そう。
ただ、jQuery1.9.2ではエラーが発生し、1.2.6だったらいけたというのを見るに、古いバージョンだとダメなのかも。
・jQuery Alert Dialog
関連記事
-
-
アコーディオンメニュー
簡単にアコーディオンメニューを導入したい時に 便利に使えたプラグイン。 ■サンプ ...
-
-
画像をドラッグ&ドロップでアップロード
■2015/04/15追記 以下記事の方が新しくて詳しい。 http://tai ...
-
-
FullCalendarでラベル毎に表示切替したい
Googleカレンダーだとページ左側にマイカレンダーというのがあり、その中に任意 ...
-
-
jQueryの最新バージョン呼び出しとバージョン確認
<script type="text/javascript" src="h ...
-
-
jQueryで配列の値を検索
やりたかった事は、配列の中に特定の値があるか どうか検索し、その後の分岐を行いた ...
-
-
jQueryでコンテンツのスライド
jQueryもしくはJavaScriptでリンクを押すと 右から左にコンテンツを ...
-
-
テキストエリアのリアルタイムプレビュー
テキストエリア内に書いた内容をリアルタイムで プレビューする機能が必要となり、教 ...
-
-
Ajaxのクロスドメイン2
PHPも介せない場合。こちらの方がスマートでよさそう。 jsonpを使うみたい。 ...
-
-
画像をサムネイル⇔クリックで拡大(lightbox)
画像をサムネイル表示してクリックしたら大きく表示する というのがlightbox ...
-
-
日付入力のテキストフォームにカレンダープラグインを導入
やりたかった事と制限は下記の通り。 ・日付入力のテキストフォームにカレンダープラ ...