Toastr - 选项问题

Question

我通过

调用了 toastr 消息

Command: toastr["success"]("foo")

toastr.options = {
  "closeButton": false,
  "debug": false,
  "newestOnTop": false,
  "progressBar": false,
  "positionClass": "toast-bottom-right",
  "preventDuplicates": false,
  "onclick": null,
  "showDuration": "300",
  "hideDuration": "1000",
  "timeOut": "2000",
  "extendedTimeOut": "1000",
  "showEasing": "swing",
  "hideEasing": "linear",
  "showMethod": "fadeIn",
  "hideMethod": "fadeOut"
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css" rel="stylesheet"/>
<script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>

似乎选项没有效果，timeOut和positionClass没有被覆盖。

有人可以告诉我有什么问题吗？

Answer 1

我认为您应该在第一次调用 toastr 的方法（信息、成功等）之前更改选项

Answer 2

如果您使用的是 1.2.3 版本，您应该更改 jquery 版本，我构建了一个 jsbin 并对其进行了测试。只需尝试使用较新的版本，例如“1.9.1”。如果您需要坚持使用 1.2.3，请尝试与 jquery 1.2.3.

兼容的另一个版本的 toastr

这是 jsbin： https://jsbin.com/rufuganane/edit?html,output

Toastr - 选项问题

Toastr - issue with the options

javascript

toast