gpt4 book ai didi

javascript - 如何让我的警报消失?

转载 作者:行者123 更新时间:2023-11-28 03:52:58 26 4
gpt4 key购买 nike

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

我有以下错误:

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

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

以及以下代码:

标题.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>

Ballot.html:

{% extends 'header.html' %}

{% block content %}


<div class="alert alert-warning alert-dismissible" role="alert">
<h4>Error!</h4><p>Invalid Submission</p>
<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>
{% endblock %}

我需要做什么才能使警报删除按钮起作用?

最佳答案

将代码放入 jQuery Ready 中

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

另外,将你的js文件移到下面并将其放在</body>之前

关于javascript - 如何让我的警报消失?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47812266/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com