勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ

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

   2024/02/25  jQuery

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

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

alert('hoge');
console.log('fuga');

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

以下で対応する。

jAlert('body', 'title', function(){
    console.log('hoge');
});

 

その他

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

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

 - jQuery

  関連記事

jQueryでjsonデータを処理(parseJSON)
jQueryでjsonデータを処理(parseJSON)

他社が作成したシステムのちょっと改修案件があった。設置したもののどうも動かないと ...

jQueryでコンテンツのスライド
jQueryでコンテンツのスライド

jQueryもしくはJavaScriptでリンクを押すと 右から左にコンテンツを ...

jQueryで特定のdata属性をセレクタとして指定する方法
jQueryで特定のdata属性をセレクタとして指定する方法

jQueryで特定のdata属性をクリックした際に何らかのイベントを実行したかっ ...

Flashを用いずJavaScriptでコピー&カット機能を実装する方法
Flashを用いずJavaScriptでコピー&カット機能を実装する方法

以前メモったようなFlashを用いる方法ではなく、WebAPIでコピー& ...

Ajaxでプラグイン無しのファイルアップロード方法
Ajaxでプラグイン無しのファイルアップロード方法

画像ファイルを添付できて、尚且つAjaxを用いた非同期通信のフォームを作りたかっ ...