Toastr“选项”不起作用

时间:2017-05-22 10:01:47

标签: javascript toastr

我使用Toastr创建通知消息。我的通知消息是显示,但我不能使用任何选项,我提出了一些选项,但它们不起作用。

$('#editButton').click(function() {
  toastr.success('System successfully saved');
  toastr.options.timeOut = 5000;
  toastr.options.positionClass = toast - top - center;
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
<link href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css" rel="stylesheet">

<button class="button" id="editButton" type="submit" aria-hidden="true">Edit</button>

2 个答案:

答案 0 :(得分:1)

致电success()时会显示toast。所以你需要在此之前设置你的选择。

toast-top-center也不是javascript标识符,需要在引号中。

$('#editButton').click(function () {
    toastr.options.timeOut = 5000;
    toastr.options.positionClass = 'toast-top-center';
    toastr.success('System successfully saved');
});

答案 1 :(得分:0)

  

toastr.options.positionClass = toast-top-center;

你忘记了引号。

toastr.options.positionClass = "toast-top-center";