Toastrの「オプション」が機能しない

Question

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>

Answer 1

トーストを表示あなたはsuccess()を呼び出すとき。だからあなたはその前にオプションを設定する必要があります。

また、toast-top-centerはjavascriptの識別子ではなく、引用符で囲む必要があります。

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

Answer 2

toastr.options.positionClass =トーストトップセンター;

あなたは引用符を忘れています。

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