web-dev-qa-db-ja.com

Toastr JS fadeAway値の設定

私はクールなアラートjsライブラリプロジェクトを使用しています： https://github.com/CodeSeven/toastr

しばらくすると、次の変更をフェードアウトしたいと思いました。 toastr.jsファイルを見ると、オプションがあることがわかります。プロパティ「fadeAway」にアクセスする方法がわかりません

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

私は試した

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

パラメータを渡してfadeAwayを使用するにはどうすればよいですか？

javascriptalerttoastr
21
Ravi Ram

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'
}
38
John Papa

バージョン2.0.3では、toastrの表示を長くするために次のことを行います。

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

パラメータで任意のオプションを渡すこともできます。ただし、パラメーターはオブジェクトでなければなりません。あなたの例ではこれを使うことができます：

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

PS：また、fadeAwayは現在のバージョン（2.0.3）では廃止されていることにも注意してください。

6
Marius Stănescu