[解決済み] Twitter Bootstrapでアラートを自動で閉じる方法
2023-03-22 01:14:59
質問
twitterのbootstrap CSSフレームワークを使用しています(素晴らしい)。 ユーザーへのいくつかのメッセージについて、私はアラートのJavascript JSとCSSを使用してそれらを表示させています。
興味のある方は、こちらでご覧いただけます。 http://getbootstrap.com/javascript/#alerts
私の問題は、ユーザーにアラートを表示した後、ある時間間隔が経過したら、そのアラートを消したいということです。 twitter のドキュメントと私が目を通したコードによると、これは組み込まれていないようです。
- 私の最初の質問は、これが本当に Bootstrap に組み込まれていないことを確認するための要求です。
- 第二に、この動作を実現するにはどうしたらよいでしょうか。
どのように解決するのですか?
呼び出し
window.setTimeout(function, delay)
を呼び出すと、これを実現することができます。以下は、アラートが表示されてから2秒(または2000ミリ秒)後に自動的に閉じる例です。
$(".alert-message").alert();
window.setTimeout(function() { $(".alert-message").alert('close'); }, 2000);
もしこれを気の利いた関数でラップしたければ、こうすることができます。
function createAutoClosingAlert(selector, delay) {
var alert = $(selector).alert();
window.setTimeout(function() { alert.alert('close') }, delay);
}
そうすると、こんな風に使えるようになる...。
createAutoClosingAlert(".alert-message", 2000);
これを達成するためにもっとエレガントな方法があることは確かです。
関連
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] Twitter Bootstrapのメニューをクリックではなく、ホバーでドロップダウンさせる方法
-
[解決済み] Twitter Bootstrap 3を使用して列を中央に配置する
-
[解決済み] Bootstrapの列をすべて同じ高さにするにはどうしたらいいですか?
-
[解決済み] BootstrapのモーダルウィンドウをjQueryで開くには?
-
[解決済み] Twitter Bootstrapでナビバーの色を変更する
-
[解決済み] Twitter Bootstrapのモーダルクローズに関数をバインドする
-
[解決済み] Twitter Bootstrapを使った中央寄せのコンテンツはどうなっているのか?
-
[解決済み] Bootstrapのモーダルを閉じる
-
[解決済み] Reactメモを使うべきではない場合とは?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Bootstrap Alert Auto Close(ブートストラップ・アラート・オートクローズ
-
[解決済み] JavaScriptで次の要素/前の要素を取得しますか?
-
[解決済み] JavaScript で範囲を作成する - 奇妙な構文
-
[解決済み] チェックボックスが選択されているかどうかを確認するjQuery
-
[解決済み] 兄弟ノードを選択する方法はありますか?
-
[解決済み] CORS OriginヘッダーとCSRFトークンによるCSRF保護
-
[解決済み] moment.jsでミュータビリティを回避するには?
-
[解決済み] CORS: 認証モードは 'include' です。
-
[解決済み] JavaScriptとLuaの微妙な違い [終了しました]
-
[解決済み] V8 Javascript エンジンのスタンドアロン実行