javascript - Bootstrap警报关闭时间无法设置

Question

我尝试使用以下脚本示例隐藏警报，但它们都不起作用，而且我无法设置警报在显示后关闭的时间。我被困在这个问题上。请告诉我，我的错误在哪里。

示例 1:

window.setTimeout(function() { 
     $(".alert-notification").alert('close'); 
}, 8000);

示例2:

$(".alert-notification").delay(8000).slideUp(200, function(){
    $(".alert-notification").alert('close');
});

两个示例都在工作并关闭警报，但不是在特定时间。我在 jQuery document.ready 中调用这个函数，谢谢!

Answer 1

您实际上应该在显示警报时调用它们，而不是在 $(document).ready() 函数期间调用它们。

片段:

$(function () {
  $(".alert").hide().removeClass("hidden");
  $("#callAlert").click(function () {
    $(".alert").slideDown(function () {
      setTimeout(function () {
        $(".alert").slideUp();
      }, 5000);
    });
  });
});

* {font-family: 'Segoe UI';}
.alert {background: red; color: white;}
.hidden {display: none;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="alert hidden">This is an alert!</div>
<button id="callAlert">Hi</button>