Question

我正在使用一个很酷的警报js库项目：https://github.com/CodeSeven/toastr

我希望在一段时间之后退出以下更改。查看toastr.js文件，我确实看到了选项。我只是不知道如何访问该物业'fadeAway'

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

我试过

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

如何通过传入参数来使用fadeAway？

Answer 1

在致电toastr.info之前，请设置您选择的选项。例如：

toastr.options.fadeOut = 2500;

您可以在此处看到演示中的许多选项：toastr demo

这些是默认值。你可以覆盖其中许多：

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

使用版本2.0.3，您可以执行以下操作以使toastr显示更长：

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

Answer 3

您还可以传递参数中的任何选项。但参数必须是一个对象。对于您的示例，您可以使用此：

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

PS：还要记住，在当前版本（2.0.3）中不推荐使用fadeAway。

Toastr JS设置fadeAway值

3 个答案: