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

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

2015/12/21 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でループを抜けようと(breakしようと)するとエラーになる際の対応方法

jQueryでループを抜けようと(breakしようと)すると「Uncaught ...

: jQueryプラグインでクリップボードにコピーする方法(clipboard.js)

ページ上のボタンをクリックすることで特定の文章をクリップボードにコピーしたかった ...

: JavaScriptで数値のカウントアップ及びカウントダウン

JavaScript(一部jQuery)で数値のカウントアップ及びカウントダウン ...

: 「display: block !important;」指定された要素をjQueryで非表示にする方法

jQueryで特定の要素を非表示にしたかったのでhide()を使用したところ非表 ...

: 国土地理院のAPIを使用して無料でジオコーディング(住所→経度緯度)を行う方法

GoogleMapAPIでジオコーディングをするには、支払い情報を登録したアカウ ...