Toastsプラグインは簡単な機能を提供し、ブートストラップトーストを簡単に作成できます。
このプラグインは、jQueryプラグインとしてアクティベートできます。
jQuery APIは、開発者がやることリストのチェックボックスイベントをチェックおよびチェック解除する処理をよりカスタマイズできるオプションを提供します。
$(document).Toasts('create', {
title: 'Toast Title',
body: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.'
})
| 名前 | 種類 | 既定値 | 説明 |
|---|---|---|---|
| 位置 | 文字列 | Position.TOP_RIGHT | トーストの位置、使用可能なオプション:topRight、topLeft、bottomRight、bottomLeft |
| 固定 | ブール値 | true | トーストコンテナを固定するかどうか。 |
| 自動非表示 | ブール値 | false | トーストを自動的に非表示にするかどうか。 |
| 自動削除 | ブール値 | true | 閉じた後にトーストを自動的に削除するかどうか。 |
| 遅延 | 整数 | 1000 | 自動非表示遅延 |
| フェード | ブール値 | true | トーストをフェードさせるかどうか。 |
| アイコン | 文字列 | null | アイコンクラス(例: fas fa-exclamation-triangle) |
| 画像 | 文字列 | null | 画像のURL |
| 画像の代替テキスト | 文字列 | null | ImageAlt |
| ImageHeight | 文字列 | ‘25px’ | トーストの画像サイズ |
| タイトル | 文字列 | null | トーストのタイトル |
| サブタイトル | 文字列 | null | トーストのサブタイトル |
| 閉じる | ブール値 | true | トーストに閉じるボタンを追加するかどうか。 |
| 本文 | 文字列 | null | トーストの本文 |
| クラス | 文字列 | null | トーストに追加するクラス |
すべてのイベントはbodyに送信されます。
| イベントのタイプ | 説明 |
|---|---|
| init.lte.toasts | コンストラクタが完了したときに発生 |
| created.lte.toasts | トーストが作成されたときに発生 |
| removed.lte.toasts | トーストが削除されたときに発生 |
例: $('body').on('created.lte.toast', handleCreateEvent)
| メソッド | 説明 |
|---|---|
| 作成 | トーストを作成します |
例: $(document).Toasts('create', {title: 'Toast Title'})