如何将 ID 分配给 toastr.js 通知并根据需要进行更新

Question

在我的项目中，我需要保持通知打开，除非用户点击它，如果在触发它和用户点击它之间的时间有更新，我需要更新 toast 通知上的值。

我没有找到任何关于如何更新通知的参考。有人知道吗 ？

我正在使用这个 github仓库：toastr.js

请建议

Answer 1

你可以保持敬酒通过设置无限期开放timeOut的价值0利用全球范围内toast.options。

或者，您可以使用 toast 方法的第三个参数来设置它。

例如：

toastr.success("message body", "title", {timeOut:0})

对于您的第二个问题，您可以通过在创建时捕获它的引用来更新现有的 toast，然后在创建后对其进行变异。

例如：

var myToast = toastr.success("message body", "title", {timeOut:0});
myToast.find(".toast-title").text("new title");
myToast.find(".toast-message").text("new message");

您可能还想将 设置extendedTimeOut为0，以防用户在完成之前将鼠标悬停在吐司上，如下所示：

var myToast = toastr.success("message body", "title", {timeOut:0, extendedTimeOut:0});

然后，当您完成后，您可以以编程方式隐藏吐司：

$(myToast).fadeOut();