我在轨道上使用带有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">×</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();
});