7

我收到了有关单击 a 时如何反应的消息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')
}
);

感谢您提供这个非常好的图书馆。

4

1 回答 1

7

这已经建好了。您可以通过两种方式做到这一点：您可以获取包含单个 toastr 元素的 jQuery 对象，或者您可以为单个 toast 设置 onclick 事件。您的代码正在为第三个参数传递一个函数。第三个参数应该是选项覆盖。所以它应该是这样的：

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')}}
);
于 2013-09-06T15:42:02.370 回答