将ID添加到toastr通知中

Question

是否可以将ID添加到Toastr通知中？ 当我关闭它时，我需要识别几个通知之一。 我用这个插件。 https://github.com/CodeSeven/toastr

Answer 1

这是一个有趣的问题。看起来您不能在toastr本身上设置ID。但是，您可以修改用于关闭toastr的按钮：

toastr.options.closeHtml = '<button id="toastr1closebtn"><i class="icon-off"></i></button>';

这可能对你想要做的事情一样好。

我找到了调整关闭按钮here的选项。

Answer 2

如果您使用toastr.options.closeButton = true;，则可以指定应在关闭时运行的功能。该函数将通过click事件传递。该事件可以（希望）用于确定哪个通知已关闭。

toastr.options.onCloseClick = function(event) {
  const closedElement = event.target.parentElement;
  // figure out which notfication was closed based on class, or text, or...
}

也许有一种更好的方法，但这是我根据the pretty sparse documentation找到的，还有一些修补他们所拥有的plunker example。