rails form 部分中断 Bootstrap popover答案

【问题标题】：rails form partial breaks Bootstrap popoverrails form 部分中断 Bootstrap popover
【发布时间】：2016-08-02 01:55:27
【问题描述】：

我正在尝试在引导弹出窗口中呈现 form_for 部分，但由于某种原因，表单似乎没有正确关闭，从而破坏了弹出窗口。

_post_form.html.erb

test_text_1
<%= form_for(@reblog) do |f| %>
  <%= f.text_field :content %>
  <%= f.submit %>
<% end %>
test_text_2

调用弹出框和表单的视图助手：

  def reblog_post(reblog)
    button_tag(class: "btn btn-xs", data: { toggle: "popover", placement: "bottom", html: true, content: (render partial: "shared/post_form") }) do
      '<a><span class="glyphicon glyphicon-retweet"></span></a>'.html_safe
    end
  end

当只有纯文本或 html 时，弹出框工作得很好，但是一旦我将 form_for 放入其中，form_for 之后的所有内容（即 test_text_2 以及表单元素）都会在弹出框之外呈现带有尾随">，这使得表单字段看起来没有正确关闭。表单之前的任何纯文本（例如，test_text_1）仍会在表单内正确呈现。我错过了一个错字，还是有一种特定的方法可以在引导弹出窗口中呈现表单？

【问题讨论】：

标签： javascript jquery ruby-on-rails twitter-bootstrap ruby-on-rails-4

【解决方案1】：

代替

content: (render partial: "shared/post_form")

试试：

content: "#{ render partial: 'shared/post_form' }"

您还需要确保 popover 初始化接受 html 内容（默认为纯文本）即 $("#id").popover({html: 'true'})

http://getbootstrap.com/javascript/#popovers-options

干杯

【讨论】：