Toastr:如何在鼠标悬停时防止粘性提示消息淡出?

53
我一直在玩 toastr,并成功将超时时间设置为 0,使得该 toast 成为了粘性的。然而,当我的鼠标移出该 toast 后,toast 还是会消失。我想覆盖这个行为,使得只有在用户点击它时 toast 才会消失——这对于包含大量文本的 toast 是理想的。如何实现呢?
3个回答

69

extendedTimeOut 也设为0。这将使其保持固定。


我在当前的项目中非常喜欢使用 Toastr。感谢 John 为社区所做的一切工作。 - Leniel Maccaferri
3
这似乎是区分大小写的: "timeOut": "0", "extendedTimeOut": "0" - Vitalik
@JohnPapa - 我在我的项目中大量使用toastr,它非常棒。我遇到了一个问题,就是sticky toastr无法关闭。你能告诉我如何关闭sticky toastr吗?我在sticky toast中有一个按钮,我希望用户点击该按钮后可以关闭toast。在按钮的单击事件中,我已经使用了“toastr.options.timeOut = 5;”,但是toastr并没有消失。提前感谢您的帮助。 - Pritam Karmakar
1
timeout 也需要设置为 0!! - Adam

29

timeOutextendedTimeOut必须设置为0

这里是一个完整的示例:

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

toastr.info("Testing <button>blah</button>");
对于那些希望不在点击时关闭提示框的人,示例将更改为:
toastr.options = {
    timeOut: 0,
    extendedTimeOut: 0,
    tapToDismiss: false
};

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

1
谢谢TapToDismiss。但是现在,如果我想设置timeOut: 5000extendedTimeOut: 0就不再起作用了。有什么想法吗? - Benjamin Lucidarme

2

您还可以使用disableTimeOut作为将timeOutextendedTimeOut都设置为0的替代方法。

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

我找不到任何关于 disableTimeOut 的参考资料。 - Zaif Senpai

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接