将事件分配给外部库中的按钮

Question

每次按下按钮，都会随机弹出alertify警报窗口。 alertify警告弹出窗口是我使用的而不是javascript Alert，只是为了获得更好的设计。

Alertify library

以下是当前情况的屏幕截图：

我想将一个事件分配给OK按钮。当我使用＆＃34;检查元素＆＃34;在谷歌浏览器中的功能，我看到这个绿色的OK按钮有一个名为＆＃34; alertify-ok＆＃34;的ID，所以我想在按下这个按钮时指定一个事件。

我尝试将此部分添加到脚本部分的HTML文档中：

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

但没有任何反应。我需要这个工作的原因是，在我按下OK按钮后，youtube popupmodal应该出现。我相信错误是因为带有HTML的alertify窗口来自外部库，所以我该怎么做？

Answer 1

警报和其他人在创建https://github.com/alertifyjs/alertify.js/blob/0.3.12/src/js/alertify.js#L608时采用回调函数。你不需要附加另一个事件监听器，只需给它你想要它执行的功能。以下示例：

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

Answer 2

您可以将事件放在您知道已经存在的元素（例如“body”）上，并指定它仅在单击所需元素时触发：

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