Предупреждение начальной загрузки не отключается при нажатии `x` в приложении Rails

#css #ruby-on-rails #twitter-bootstrap

#css #ruby-on-rails #twitter-bootstrap

Вопрос:

Уведомление не исчезает при нажатии x .

Я не думаю, что отсутствуют какие-либо требуемые классы css, поэтому я не уверен, почему это не работает.

Перед нажатием x :

введите описание изображения здесь

После нажатия x :

введите описание изображения здесь

application.html.erb

 <html>
  <body>
    ...
    <% if flash[:notice] %>
        <div class="alert alert-success alert-dismissible fade out in">
          <button type="button" class="close" data-dismiss="alert">
            <span>amp;times;</span>
          </button>
          <%= flash[:notice] %>
        </div>
    <% elsif flash[:error] %>
        <div class="alert alert-danger alert-dismissible fade out in">
          <button class="close" data-dismiss="alert">amp;times;</button>
          <% flash[:error].each do |msg| %>
              <li>
                <%= msg %>
              </li>
          <% end %>
        </div>
    <% elsif flash[:alert] %>
        <div class="alert alert-warning alert-dismissible fade out in">
          <button type="button" class="close" data-dismiss="alert">amp;times;</button>
          <%= flash[:alert] %>
        </div>
    <% end %>
  </body>
</html>
  

Gemfile.rb

 gem 'bootstrap-sass'
  

application.scss

 @import 'bootstrap-sprockets';
@import 'bootstrap';
  

Есть ли что-нибудь еще, что вы можете порекомендовать мне попробовать?

Комментарии:

1. вы правильно загрузили javascript для начальной загрузки?

Ответ №1:

Решение.

Добавление //= require bootstrap-sprockets в application.js .

Я не знал, что это требуется в дополнение к @import 'bootstrap-sprockets'; application.scss