1. ホーム
  2. javascript

[解決済み] 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);

これを達成するためにもっとエレガントな方法があることは確かです。