使用关闭按钮在 DJango 中显示 flash 消息
Showing flash messages in DJango with close button
我想在 Django 中使用关闭按钮显示即显消息。
Django中已有的消息框架允许显示消息,不允许关闭。
例如,web2py 提供了这样的闪现消息。我在 Django 中寻找类似的功能。
如果能用几行代码搞定就好了。
我不想在 Django 之上添加任何其他库或框架。
提前致谢。
我不知道这样的事情可以使用引导程序解决!
我做了这样的事情:
{% if messages %}
{% for msg in messages %}
<div class="alert alert-info alert-dismissable">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
{{msg.message}}
</div>
{% endfor %}
{% endif %}
它显示如下消息:
在html模板中添加这个jquery超时函数
<script>
$(document).ready(function(){
window.setTimeout(function() {
$(".alert").fadeTo(500, 0).slideUp(500, function(){
$(this).remove();
});
}, 5000);
});
</script>
问。关闭按钮在 django 的警报消息中不起作用 python
答:
data-bs-dismiss="alert" ,这是 Bootstrap 5 中的变化,即在另一个 bootstrap 版本中有 data-dismiss ="alert" ,但是在 bootstrap 5 中添加了 bs 所以添加 bs 这样
data-bs-dismiss="警报"
如果你正在使用 materializecss,你可以借助 chip
<div class="chip" style="display: contents;">
<div class="card-panel red darken-1 ">
<i class="material-icons white-text">info</i>
<span class="white-text text-darken-2" style="vertical-align: super; font-size: large;">
{{message}}
</span>
<i class="close material-icons white-text right">close</i>
</div>
</div>
如果你正在使用 bootstrap 5 使用这个。
<div class="alert alert-warning alert-dismissible fade show" role="alert">
<strong>Holy guacamole!</strong> You should check in on some of those fields below.
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
在 bootstrap 的旧版本中,如果您有
data-dismiss="alert"
将其更改为
data-bs-dismiss="alert"
我想在 Django 中使用关闭按钮显示即显消息。 Django中已有的消息框架允许显示消息,不允许关闭。
例如,web2py 提供了这样的闪现消息。我在 Django 中寻找类似的功能。
如果能用几行代码搞定就好了。 我不想在 Django 之上添加任何其他库或框架。
提前致谢。
我不知道这样的事情可以使用引导程序解决!
我做了这样的事情:
{% if messages %}
{% for msg in messages %}
<div class="alert alert-info alert-dismissable">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
{{msg.message}}
</div>
{% endfor %}
{% endif %}
它显示如下消息:
在html模板中添加这个jquery超时函数
<script>
$(document).ready(function(){
window.setTimeout(function() {
$(".alert").fadeTo(500, 0).slideUp(500, function(){
$(this).remove();
});
}, 5000);
});
</script>
问。关闭按钮在 django 的警报消息中不起作用 python
答: data-bs-dismiss="alert" ,这是 Bootstrap 5 中的变化,即在另一个 bootstrap 版本中有 data-dismiss ="alert" ,但是在 bootstrap 5 中添加了 bs 所以添加 bs 这样 data-bs-dismiss="警报"
如果你正在使用 materializecss,你可以借助 chip
<div class="chip" style="display: contents;">
<div class="card-panel red darken-1 ">
<i class="material-icons white-text">info</i>
<span class="white-text text-darken-2" style="vertical-align: super; font-size: large;">
{{message}}
</span>
<i class="close material-icons white-text right">close</i>
</div>
</div>
如果你正在使用 bootstrap 5 使用这个。
<div class="alert alert-warning alert-dismissible fade show" role="alert">
<strong>Holy guacamole!</strong> You should check in on some of those fields below.
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
在 bootstrap 的旧版本中,如果您有
data-dismiss="alert"
将其更改为
data-bs-dismiss="alert"