闪存通知警报可解除引导和rails - 无法删除闪存通知

时间:2016-11-08 12:17:38

标签: ruby-on-rails twitter-bootstrap

我在轨道上使用带有ruby的电子邮件,并在完成时发出闪存通知。当我按下闪光灯通知旁边的x按钮时,我似乎无法删除引导闪光灯通知。我试过jquery。

每当我把班级靠近按钮时。按钮甚至没有显示甚至被点击。这是我的一些代码。 这是我的create.html.erb

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

这是我的联系人控制器,通过联系我表格向我发送电子邮件并呈现闪光灯通知

class ContactsController < ApplicationController
  def new
    @contact = Contact.new
  end

  def create
    @contact = Contact.new(params[:contact])
    @contact.request = request
    if @contact.deliver
      flash.now[:notice] = 'Thank you for your message. We will contact you soon!'
    else
      flash.now[:error] = 'Cannot send message.'
      render :new
    end
  end
end

以下是我的一些application.js代码......它很乱,我已经尝试了以下所有内容,并将它们全部用于向您展示我到目前为止在尝试中所做的工作。

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap-sprockets
//= require_tree .


$('.delete_notice').click(function() {

   $('.alert-dismissible').hide();
});

$('.delete_notice').click(function() {

   $('.alert-dismissible').close();
});

$('.delete_notice').click(function() {

   $('.flash_notice').hide();
});

$('.delete_notice').click(function() {

   $('.delete_notice').close();
});

0 个答案:

没有答案