jQuery Alert Dialogsで表示後に処理したい
2024/02/25
最近携わったサイトの中で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のプラグインで簡単にイメージスライダーを作成(bxslider)
画像のスライダーを作る時に便利なプラグインであるbxslider。簡単に使えるし ...
-
-
javascriptやjQueryで画像を書き換えても変わらない場合
けっこう前に画像をアップロードしてリアルタイムにプレビューする機能を作った時に、 ...
-
-
jQueryにて特定のIDが存在するかチェックし分岐処理する方法
jQueryにて特定のIDが存在するかチェックし分岐処理したいというケースがあっ ...
-
-
「slick」でブラウザ幅がPCの場合はスライダーを表示し、スマホ幅の場合はスライダー無しにする方法
slickプラグインで画像スライダーを設置しているページがあり、PCのブラウザ幅 ...
-
-
SNSのシェア(いいね)ボタンを設置できるjQueryプラグイン「jsSocials」の利用方法
サイト内にSNSのシェア(いいね)ボタンを設置する際、WordPressだと何ら ...