勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

jQuery Alert Dialogsで表示後に処理したい

   

最近携わったサイトの中でJavaScript内に「jAlert」とかいう記述があった。アラートを綺麗に表示させるプラグインが何かみたいなんだけどそのアラートを表示させて「OK」を押した後に、特定の処理がしたかった。

普通のアラートであれば、

と書くことでアラート表示→「OK」を押す→アラート非表示→コンソールに「fuga」と表示されるが、jAlertの場合に同じように書くと、アラート表示とその後の処理が同時に行われた。

以下で対応する。

 

■その他

そもそもjAlertって何なのか調べたところ、jQuery Alert Dialogというライブラリらしい。alertとかconfirmのデザインってブラウザに依存するので、その辺こだわるのであれば便利そう。

ただ、jQuery1.9.2ではエラーが発生し、1.2.6だったらいけたというのを見るに、古いバージョンだとダメなのかも。

 

・jQuery Alert Dialog

http://labs.abeautifulsite.net/archived/jquery-alerts/

 - jQuery

  関連記事

jquery_logo
画像をつなぎ合わせて360度ビューの様に見せるjQueryプラグイン

3Dデータではなく、コマ送りになっている2D画像を用いて360度ビューの様に見せ ...

jquery_logo
ダウンロード無しで外部ファイル呼び出し

■jQuery http://scriptsrc.net/ ■bootstrap ...

jquery_logo
lightboxで画像拡大時に文字タイトルとリンクをつける

lightboxで画像をクリックして拡大した際に、文字タイトルとその文字にリンク ...

jquery_logo
jQueryプラグイン使用時の注意

最近lightboxが急に動かなくなったという不具合があり 調べたところけっこう ...

jquery_logo
adblock(広告削除)設定している場合はページを表示させない

iPhoneのSleipnirでネットをしていると「広告がブロックされたのでペー ...

jquery_logo
htmlタグが入った内容の文字を丸める

phpである文字列が○文字以上だった際、 省略してお尻に「……」をつけたいという ...

jquery_logo
フォームのpasswordとtextをjQueryで切り替えて

パスワード入力の際、大抵「●●●」みたいな形で隠されるが、 jQueryでそれを ...

jquery_logo
スマホ対応カルーセルスライダーslickの使い方

イメージスライダーでslickという使ったことないjQueryプラグインを見かけ ...

jquery_logo
jQueryで電話番号チェック

やりたかったことはjavascriptかjQueryで 電話番号のバリデート。 ...

javascript_logo_unofficial-300x300
getElementsByTagName

うろ覚えだけど業務中に、 document.getElementById('aa ...