ruby-on-rails - Rails 7 Bootstrap 警报未被消除

Question

我关注了这篇文章https://www.bootrails.com/blog/rails-7-bootstrap-5-tutorial/在我的 Rails 7.0 应用程序上显示引导警报。

当我单击关闭按钮时，警报已显示但未消除。 这是我在 application.html.erb 中的代码

<% flash.each do |key, value| %>
  <div class="alert alert-success alert-dismissible" role="alert">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <%= value %>
  </div>
<% end %>

Answer 1

Bootstrap 5.1 有 data-bs-dismiss 属性，而不是 data-dismiss。确保您有“警报”插件。根据他们的文档，Bootstrap编译的javascript有它。

https://getbootstrap.com/docs/5.1/components/alerts/#dismissing https://getbootstrap.com/docs/5.1/getting-started/download/#compiled-css-and-js