Bootstrap-Notify

Question

简介

我正在使用 Bootstrap-Notify script to display great visual alerts to my users. But to use the full strength of the script I want to hook into the events of the script。不幸的是，文档或其他开源平台如 GitHub.

中都没有示例

我的做法

如我上面链接的文档中所述，我将 onClose 属性与函数一起使用：

$(document).ready(function() {
  //Notifications
  var welcome = $.notify({
    message: "Test"
  }, {
    onClose: test()
  });
});

function test() {
  console.log("onClose");
}

我做了一个 short fiddle 来告诉你它并没有像想象的那样工作（在我的例子中， test 函数应该在通知关闭时调用脚本中已经存在的触发器开始）。 welcome.onClose(test()); 等其他方法也失败了。

那么，如何hook到Bootstrap-通知成功的事件呢？

Answer 1

问题是您没有将 reference 作为通知 onClose 函数传递给 test，您传递的是 函数的结果!

您想这样做：

$(document).ready(function() {
  //Notifications
  var welcome = $.notify({
    message: "Test"
  }, {
    onClose: test
  });
});

或者如果您只想修改 test 函数（而不是 $.notify 部分），您需要这样做：

function test() {
  return function() {
     console.log("onClose");
  };
}

onClose 的参数应该是一个函数

Bootstrap-Notify - 挂钩事件

Bootstrap-Notify - Hook into events

javascript

jquery

jquery-events

简介

我的做法