ruby on rails 中的 jquery .html() 中未显示警报关闭按钮

Question

我在我的 rails 应用程序中使用 twitter 引导程序使用 AJAX crud 操作。当我单击提交帖子时，会显示成功闪烁消息，但没有显示关闭按钮。

这是我的代码...

<div id="flash_notice" class="alert span6"></div>

这是我的表格...

 <%= form_for(@post, :remote => true, :html => {:id => "prayer_form"}) do |f| %>
 <div id= "post_errors" style="display:none"></div>
 <p>
  <%= f.select :title, options_for_select(["Relationship", "Family", "Health",   "Personal", "Professional", "Education", "Tours & Travel", "Exams", "Job", "Society", "Career", "Marriage", "Relationship", "Friendship", "Event", "Success/Failure", "others"]), {:include_blank => "Select Prayer Category"}, {:multiple => false,:class => "required"} %>
 </p>
 <p>
  <%= f.text_area :content, :rows => 5, :class=>"span12 required", :placeholder => "Create your prayer" %>
 </p>
 <p><%= f.submit "Add Prayer", :class=>"btn btn-primary"%></p>
<% end %>

这是我的 create.js.erb

  $("#post_errors").hide(300);
  $("#flash_notice").html("<%= escape_javascript(flash[:notice] <button type='button' class='close' data-dismiss='alert'>&times;</button>) %>");
  $("#flash_notice").show(300);
  $(":input:not(input[type=submit])").val("");
  $("#posts_list").html("<%= escape_javascript( render(:partial => "posts") ) %>");

应用程序.js

//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require_tree .

闪烁警报正在显示，但为什么我的关闭图标按钮没有显示。请帮忙

Answer 1

您无需将 escape_javascript 与真正的 html 代码混合使用。 HTML 代码不需要经过 Rails。

尝试替换这个

$("#flash_notice").html("<%= escape_javascript(flash[:notice] 
<button type='button' class='close' data-dismiss='alert'>&times;</button>) %>")

有了这个

$("#flash_notice").html("<%= escape_javascript(flash[:notice] %>" + 
"<button type='button' class='close' data-dismiss='alert'>&times;</button>")