javascript - 如何将 ID 分配给 toastr.js 通知并根据需要更新它

Question

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

我找不到任何关于如何更新通知的引用资料。有谁知道吗？

我正在使用这个 github 存储库:toastr.js

请推荐

Answer 1

您可以通过使用 toast.options 在全局范围内将 timeOut 值设置为 0 来无限期地保持 toast 打开。

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

例如:

toastr.success("消息正文", "标题", {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，以防用户在您完成之前将鼠标悬停在 toast 上，如下所示:

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

完成后，您可以通过编程方式隐藏 toast:

$(myToast).fadeOut();