javascript - Bootstrap-Notify - Hook 事件

标签 javascript jquery jquery-events bootstrap-notify

简介

我正在使用 Bootstrap-Notify script向我的用户显示出色的视觉警报。但是要使用我想 Hook 到 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-Notify的事件呢?

最佳答案

问题是您没有将 reference 作为通知 onClose 函数传递给 test,您传递的是 result 的功能!

你想这样做:

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

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

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

onClose 的参数应该是一个函数

关于javascript - Bootstrap-Notify - Hook 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37419926/

相关文章:

Javascript 函数自动运行 vs 仅在调用时运行

javascript - JS : Posting form directly

javascript - jQuery 每秒调用 ajax 直到调用完成/返回 true

javascript - 当处理内联 JS 时,document.ready 何时运行?

javascript - 从状态中删除值(设置新状态)

javascript - 获取 selectize.js 原始元素

javascript - 为什么 map() 在这种情况下得到 2 个参数?

javascript - 如何使用字符串访问 javascript 对象?

javascript - 使用 Ajax 和 jQuery 检查文件是否存在——总是返回 200 响应

javascript - 离开网站或关闭浏览器时触发的事件