Bootstrap 3 Alert - 使用jQuery或JS显示

Question

我有一个类似它的Bootstrap 3警告div

        <div class="alert" style="background-color:#9FF781;">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>Done</strong> Deleted Successfully.
        </div>

我得到这样的输出 -

但问题是从页面加载时可以看到它，当我点击关闭按钮时，它就会消失。

我喜欢它会在一开始就消失，并且会在JS调用时出现。

那么，我怎样才能从第一个看到它。

如何使用JS或jQuery恢复它。

有什么办法吗？

请帮忙。

Answer 1

Bootstrap Alert Docs

您必须使用show或div（jQuery方法）隐藏或显示提醒$('#toggleAlert').click(function() { $('.alert').toggle() })。

检查

＆＃13;

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<br/>
<br/>
<br/>
<div class="alert alert-success alert-dismissible" style='display:none;'>Test
  <button data-dismiss="alert" type="button" class="close" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
</div>
<input type="button" id="toggleAlert" value="Toggle Alert" />

＆＃13;

alert

＆＃13;

＆＃13;

＆＃13;

注意：警报中的关闭按钮，如果单击该按钮，则Bootstrap会从DOM中删除alert div。因此，如果您想再次显示toggle，请使用按钮auto begin = products; auto end = products + numProducts; for( auto itr=begin; itr!=end; ++itr ) { show(*itr); } div而不使用警报中的关闭按钮。