javascript - 外部ライブラリからボタンにイベントを割り当てる

Question

ボタンを押すたびに、alertify アラートウィンドウがポップアップするランダムな可能性があります。alertify アラートポップアップは、javascript Alert の代わりに使用するもので、デザインをより良くするためのものです。

そして、これが現在の状況のスクリーンショットです。

ここに画像の説明を入力

OKボタンにイベントを割り当てたい。Google Chrome で「要素の検査」機能を使用すると、この緑色の OK ボタンに「alertify-ok」という ID があることがわかります。そのため、このボタンが押されたときにイベントを割り当てたいと考えています。

この部分を HTML ドキュメントのスクリプト部分に追加しようとしました。

$( "#alertify-ok" ).on( "click",function() {alert("finally");});

しかし、何も起こりません。これが機能する必要がある理由は、[OK] ボタンを押した直後に YouTube popupmodal が表示されるためです。HTMLを含むアラートウィンドウが外部ライブラリからのものであるため、エラーが発生すると思います。どうすればこれを行うことができますか?

score 0 · Accepted Answer

アラートなどは作成時にコールバック関数を受け取ります ( https://github.com/alertifyjs/alertify.js/blob/0.3.12/src/js/alertify.js#L608 )。別のイベントリスナーをアタッチする必要はありません。実行する関数を指定するだけです。以下の例:

alertify.alert("alerttext", function(e) {
    functionIWantToCall();
});

score 0 · Accepted Answer

すでに存在していることがわかっている要素 (「body」など) にイベントを配置し、必要な要素がクリックされたときにのみトリガーするように指定できます。

$(" body").on({
    click: function () {...
    }
}, "#trigger");

2 に答える 2