web-dev-qa-db-fra.com

Toastr JS Réglage de la valeur fadeAway

J'utilise un projet de bibliothèque js d'alerte cool: https://github.com/CodeSeven/toastr

Je voulais faire disparaître les modifications suivantes après un certain temps. En regardant le fichier toastr.js, je vois que les options sont là. Je ne sais juste pas comment accéder à la propriété 'fadeAway'

toastr.info('Processing...');

J'ai essayé

toastr.info('Processing...', fadeAway:1000);

Comment utiliser le fadeAway en passant un paramètre?

javascriptalerttoastr
21
Ravi Ram

Avant d'appeler toastr.info, définissez l'option que vous choisissez. Par exemple:

toastr.options.fadeOut = 2500;

Vous pouvez voir de nombreuses options dans la démo ici: démo toastr

Ce sont les valeurs par défaut. Vous pouvez en remplacer plusieurs:

options = {
  tapToDismiss: true,
  toastClass: 'toast',
  containerId: 'toast-container',
  debug: false,
  fadeIn: 300,
  fadeOut: 1000,
  extendedTimeOut: 1000,
  iconClass: 'toast-info',
  positionClass: 'toast-top-right',
  timeOut: 5000, // Set timeOut to 0 to make it sticky
  titleClass: 'toast-title',
  messageClass: 'toast-message'
}
38
John Papa

Avec la version 2.0.3, vous effectuez les opérations suivantes pour allonger l'affichage du toastr:

toastr.success('Hello World', 'New Message', { timeOut: 9500 });
35
Brian Ogden

Vous pouvez également passer toutes les options dans un paramètre. Mais le paramètre doit être un objet. Pour votre exemple, vous pouvez utiliser ceci:

toastr.info('Processing...', { fadeAway: 1000 });

PS: gardez également à l'esprit que fadeAway est déconseillé dans la version actuelle (2.0.3).

6
Marius Stănescu