引导警报仅在 JSFiddle 中显示一次答案

【问题标题】：Bootstrap alert shows up only once in JSFiddle引导警报仅在 JSFiddle 中显示一次
【发布时间】：2016-07-18 21:21:20
【问题描述】：

当我第一次单击保存按钮时，警报显示正常。但此后每次，除非我进行硬刷新，否则警报不会出现。

这里是 JSFiddle：JSFiddle

$("#success-alert").hide();
$("#saveChange").click(function showAlert() {
  $("#success-alert").alert();
  $("#success-alert").fadeTo(2000, 500).slideUp(500, function() {
    $("#success-alert").alert('close');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"/>
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/js/bootstrap.min.js"></script>
   
<div class="product-options">
  <button id="saveChange" href="javascript:;" class="btn btn-mini">Save</button>
</div>
<div class="alert alert-success" id="success-alert">
  <button type="button" class="close" data-dismiss="alert">x</button>
  <strong>Success! </strong>
  Your changes has saved.
</div>

【问题讨论】：

你能链接 jsFiddle 本身吗？
@nurdyguy 事实是编辑删除了它，here's链接
我也编辑了它。感谢您帮助新手:)
尝试阅读文档。 opacity 500 应该做什么？不透明度仅从 0-1 开始（如果阅读文档也会知道）

标签： javascript angularjs twitter-bootstrap angular-ui-bootstrap

【解决方案1】：

线

$("#success-alert").alert('close');

会破坏您的警报，因此您无法再次打开它。
删除该行，您的警报每次都会显示

【讨论】：