javascript - Rails 形成部分中断 Bootstrap 弹出窗口

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

我正在尝试在 Bootstrap 弹出窗口中渲染 form_for 部分,由于某种原因,表单似乎没有正确关闭,从而破坏了弹出窗口。

_post_form.html.erb

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

调用弹出框和表单的 View 助手:

  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)仍然可以在表单内正确呈现。我是否缺少拼写错误,或者是否有特定的方法在 Bootstrap 弹出窗口中呈现表单?

最佳答案

而不是

内容:(渲染部分:“shared/post_form”)

尝试:

内容:“#{渲染部分:'shared/post_form'}”

您还想确保 popover 初始化接受 html 内容(默认仅为文本),即 $("#id").popover({html: 'true'})

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

干杯

关于javascript - Rails 形成部分中断 Bootstrap 弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38710663/

相关文章:

javascript - 通过 JavaScript 强制 HTML 表单验证

javascript - 如何在我的应用程序中使用 Keystone.js admin api(未经授权)?

javascript - 引用错误: Object prop not defined

jquery - 不允许列,ajax提交

ruby-on-rails - 具有未知键和强参数的 Rails 哈希

javascript - 如何使用 "awesomplete"返回值的返回索引?

javascript - 使用jquery动态添加ng-model到输入框属性

jquery - 如何截断/剪辑位于其下方的文本形状的div?

ruby-on-rails - 使用RubyMine,如何解决“获取可用的生成器脚本并执行错误”警告?

ruby-on-rails - Heroku 域注册配置为在雪松堆栈上的 Bamboo