Question

我在Django项目中使用Bootstrap创建了一个警报。问题是，当我点击x时，我似乎无法让它消失。我按照自助网站上的说明进行操作，但它们并没有特别有用。

我有以下错误：

<Grid VerticalAlignment="Top">
    <Image HorizontalAlignment="Left"/>
    <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Grid>

以下代码：

header.html中：

Uncaught ReferenceError: Popper is not defined
at index.js:21

Uncaught TypeError: $(...).alert is not a function
at (index):79

Ballot.html：

{% block header %}
<head>
    <title>Elect</title>
    {% load staticfiles %}
    <link rel='stylesheet' href="{% static 'css/bootstrap.min.css' %}" type='text/css'/>

</head>
{% endblock %}

<body>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src={% static "js/bootstrap.min.js" %}></script>

    {% block content %}
    {% endblock %}

</body>

要使警报删除按钮有效，我需要做什么？

Answer 1

将代码放入jQuery Ready

$(function() {
    $(".alert").alert('close')
});

另外，将您的js文件移到下面并将其放在</body>

之前

Answer 2

Bootstrap 4取决于Popper.js用于下拉/工具提示/弹出组件。我知道你在这里不使用其中一个组件，但它是一个依赖，所以你必须包括它。

下载Popper.js的链接：https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js

但是，自从我们的最新版本（Beta 2）以来，您将找到两个新文件 bootstrap.bundle.js 和 bootstrap.bundle.min.js Bootstrap + Popper.js：https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.bundle.min.js

对于你的jQuery问题，也许你应该尝试：

<script src="https://code.jquery.com/jquery-2.1.3.min.js" integrity="sha384-E7gp+UYBLS2XewcxoJbfi0UpGMHSvt9XyI9bH4YIw5GDGW8AlC+2J7bVBBlMFC6p" crossorigin="anonymous"></script>

如何让我的警报消失？

2 个答案: