Javascript 点击cross won'；我不能让它消失

我正在使用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>

您现在以{{email}的身份登录。
&时代；
$（'.alert'）.alert（'close'）；

---

当我点击十字架时，它不会消失。给出了什么？

通过将Jquery CDN移动到

之上解决了这个问题

Javascript代码

$（'.alert'）.alert（'close'）是不必要的，因此被删除
现在，当单击十字架时，警报将消失。
您使用的是bootstrap 4吗？您的html似乎是开箱即用的，没有任何额外的jquery：bootstrap不是为您处理这个问题吗。你不需要这个柜子我用的是4.1.3。。。在解释器中，它就像一个符咒。。。但在我的Django模板中没有。这可能是一个文档准备问题吗？除非您创建一个