1

介绍

我正在使用Bootstrap-Notify 脚本向我的用户显示出色的视觉警报。但要使用脚本的全部力量,我想钩入脚本的事件。不幸的是,文档中或其他开源平台(如 GitHub)上都没有示例。


我的方法

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

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

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

我做了一个简短的小提琴来告诉你它没有像想象的那样工作(在我的例子中test,应该在关闭通知时调用的函数已经在脚本启动时触发)。其他方法welcome.onClose(test());也失败了。


那么,如何成功挂钩 Bootstrap-Notify 的事件呢?

4

1 回答 1

3

问题是您没有将引用作为test通知onClose函数传递,而是传递函数的结果

你想这样做:

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

或者如果您只想修改test函数(而不是 $.notify 部分),则需要这样做:

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

的参数onClose应该是一个函数

于 2016-05-24T17:18:14.727 回答