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

Question

我收到了关于如何在toast点击时做出反应的消息,所以我决定在这里为每个人发布.

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

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

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

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

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

谢谢你这个非常好的图书馆.

Answer 1

这已经建成了.您可以通过以下两种方式执行此操作:您可以获取包含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')}}
);