Toastr "options" ne fonctionne pas

Question

Je crée un message de notification en utilisant Toastr. Mon message de notification est affiché, mais je ne peux pas utiliser d'options, je mets quelques options mais elles ne fonctionnent pas.

$('#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

Les écrans de pain grillé lorsque vous appelez success(). Vous devez donc définir vos options avant cela.

Aussi toast-top-center n'est pas un identifiant javascript, il doit être entre guillemets.

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

Answer 2

toastr.options.positionClass = toast centrale supérieure;

Vous avez oublié les guillemets.

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