Toastr JS Impostazione valore Fadeaway

Question

Sto usando un avviso fresco js Progetto Biblioteche: https://github.com/CodeSeven/toastr

ho voluto FadeOut seguente alterare dopo un periodo di tempo. Guardando il file toastr.js, vedo che ci sono le opzioni. Ho appena non so come accedere alla proprietà 'Fadeaway'

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

ho provato

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

Come si usa il Fadeaway passando un parametro?

Answer 1

Prima di chiamare toastr.info, impostare l'opzione scelta. Per esempio:

toastr.options.fadeOut = 2500; 

si possono vedere molte delle opzioni nella demo qui: toastr demo

Queste sono le impostazioni predefinite. È possibile ignorare molti di essi:

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' 
} 

Answer 2

È inoltre possibile passare qualsiasi opzione in un parametro. Ma il parametro deve essere un oggetto. Per il vostro esempio è possibile utilizzare questo:

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

PS: anche tenere a mente che Fadeaway è deprecato nella versione attuale (2.0.3).

Answer 3

Con la versione 2.0.3 di effettuare le seguenti operazioni per rendere il display più toastr:

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