Toastr JS Ustawienie wartości Fadeaway

Question

Używam chłodnym ALERT js biblioteki Projekt: https://github.com/CodeSeven/toastr

Chciałem Fadeout następujące zmiany po pewnym okresie czasu. Patrząc na plik toastr.js, widzę dostępne opcje. ja po prostu nie wiem, jak uzyskać dostęp do własności „Fadeaway”

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

próbowałem

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

Jak mogę użyć Fadeaway przekazując parametr?

Answer 1

Zanim zadzwonisz do toastr.info, ustaw wybraną opcję. Na przykład:

toastr.options.fadeOut = 2500; 

Można zobaczyć wiele opcji w demo tutaj: toastr demo

Są to wartości domyślne. Możesz zastąpić wiele z nich:

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

Możesz również przekazać dowolne opcje w parametrze. Ale parametr musi być obiektem. Na swoim przykładzie można użyć to:

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

PS: też pamiętać, że Fadeaway jest przestarzałe w bieżącej wersji (2.0.3).

Answer 3

W wersji 2.0.3 ty wykonaj następujące czynności, aby wyświetlacz toastr dłużej:

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