Toastr JS Установка значения fadeAway

Я использую классную библиотеку js jQuery проекта: https://github.com/CodeSeven/toastr

Я захотел fadeOut следующего изменения после определенного периода времени. Посмотрев файл toastr.js, я вижу, что есть варианты. Я просто не знаю, как получить доступ к свойству fadeAway

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

Я пробовал

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

Как использовать fadeAway, передавая параметр?

Ответы

Ответ 1

Перед вызовом toastr.info установите опцию, которую вы выберете. Например:

toastr.options.fadeOut = 2500;

Вы можете увидеть множество вариантов в демо: демонстрацию toastr

Это значения по умолчанию. Вы можете переопределить многие из них:

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

Ответ 2

С версией 2.0.3 вы делаете следующее, чтобы увеличить отображение тоста:

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

Ответ 3

Вы также можете передавать любые параметры в параметре. Но параметр должен быть объектом. Для вашего примера вы можете использовать это:

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

PS: также имейте в виду, что fadeAway устарел в текущей версии (2.0.3).