使用可选的自定义函数onclick扩展单个toastr创建

时间:2013-09-06 15:42:02

标签: javascript jquery toastr

我收到了关于点击toast后如何反应的消息,所以我决定在这里为每个人发帖。

当用户点击toast时,我并不总是希望消息消失,但取决于我想要的消息类型:

  • 消失。
  • 将用户重定向到其他页面(x es / meetings / 210) 显示jquery对话框(例如:显示收到的短信)。

使用基本点击事件,我无法检测到我点击的toast。 我找到的唯一解决方法是在toast中添加一个链接,并在用户点击它时进行重定向。

所以我要问的是通过使用基本点击事件来获取用户点击的当前Toast的方法(但这可能需要更多工作隐藏数据在toast中以便在点击时恢复它以了解该做什么),或者通过添加到创建toast的函数,在单击时对函数进行可选的回调,如下所示:

toastr.error(
'body text', 
'header text', 
click: function() {
console.log('you clicked on the error toaster')
}
);

感谢您使用这个非常好的库。

1 个答案:

答案 0 :(得分:6)

这已经建好了。您可以通过以下两种方式执行此操作:您可以获取包含indiviudal toastr元素的jQuery对象,也可以为单个Toast设置onclick事件。您的代码正在传递第3个parm的函数。第3个parm应该是选项覆盖。所以看起来应该是这样的:

toastr.error('body text', 'header text', 
    {onclick: function() {console.log('you clicked on the error toaster')}}
);
toastr.info('body text 1', 'header text', 
    {onclick: function() {console.log('you clicked on the info toaster n.1')}}
);