Оповещение о начальной загрузке отображается только один раз в JSFiddle

javascript angularjs twitter-bootstrap angular-ui-bootstrap

591 просмотра

1 ответ

33 Репутация автора

Когда я нажимаю кнопку сохранения в первый раз, предупреждение отображается нормально. Но каждый раз после этого предупреждение не появляется, если я не сделаю жесткое обновление.

Вот 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>

Автор: Yes Источник Размещён: 18.07.2016 09:21

Ответы (1)


5 плюса

3897 Репутация автора

Решение

линия

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

уничтожает ваше предупреждение, поэтому вы не можете открыть его снова.
удалите эту строку, и ваше предупреждение будет отображаться каждый раз

Автор: eltonkamami Размещён: 18.07.2016 09:26
Вопросы из категории :
32x32