javascript - 点击十字架不会让它消失

Question

我正在使用 Bootstrap 为用户发送信息性消息：

<div class="alert alert-info alert-dismissible fade show" role="alert">
     You're now logged in as <strong>{{ email }}</strong>.
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
          <span aria-hidden="true">&times;</span>
    </button>
</div>

<script type="text/javascript">
    $('.alert').alert('close');
</script>

<script src="{% static 'js/bootstrap.min.js' %}"></script>

当我点击十字架时，它不会消失。是什么赋予了 ？

标签： javascripttwitter-bootstrap

Answer 1

通过将 Jquery CDN 移动到<script src="{% static 'js/bootstrap.min.js' %}"></script>.

Javascript 代码$('.alert').alert('close');是不必要的，因此被删除，当点击十字架时，警报现在消失了。