Toastr：如何防止鼠标悬停时粘糊糊的吐司淡出？

Posted 2023-02-22

【中文标题】Toastr：如何防止鼠标悬停时粘糊糊的吐司淡出？

【英文标题】：Toastr: How to prevent fade out with sticky toast on mouseover?

【发布时间】：2013-06-28 23:16:20

【问题描述】：

我一直在玩 toastr 并已成功将超时设置为 0，因此 toast 保持粘性，但是当我将鼠标移出 toast 时，toast 消失了。我想覆盖它，所以只有当用户点击它时吐司才会消失 - 非常适合带有大量文本的吐司。如何才能做到这一点？

【参考方案1】：

也将extendedTimeOut 设置为 0。这样可以保持粘性。

【讨论】：

我真的很喜欢 Toastr 在当前的项目中。感谢约翰为社区付出的所有工作。

这似乎区分大小写：` "timeOut": "0", "extendedTimeOut": "0"`

@JohnPapa - 我在我的项目中大量使用 toastr，它很棒。我面临一个粘性烤面包机的问题。你能帮我解决一下如何关闭粘性烤面包机吗？我在粘性吐司中有一个按钮，一旦用户单击该按钮，我想关闭吐司。在按钮单击事件中，我使用了'toastr.options.timeOut = 5;'但烤面包机并没有消失。提前致谢。

timeout也需要设置为0！！

【参考方案2】：

timeOut 和 extendedTimeOut 必须设置为 0。

这是一个完整的例子：

toastr.options = 
    timeOut: 0,
    extendedTimeOut: 0
;

toastr.info("Testing <button>blah</button>");

对于那些不想在点击时关闭 toast 的人，示例更改为：

toastr.options = 
    timeOut: 0,
    extendedTimeOut: 0,
    tapToDismiss: false
;

toastr.info("Testing <button>blah</button>");

【讨论】：

感谢TapToDismiss。但是现在，如果我想设置timeOut: 5000，extendedTimeOut: 0 将不再起作用。有什么想法吗？

【参考方案3】：

您也可以使用disableTimeOut 作为将timeOut 和extendedTimeOut 都设置为0 的替代方法。

toastr.options = 
    disableTimeOut : true, //Equivalent ot timeOut: 0 and extendedTimeOut: 0