0

I "m versuchen, eine form_for teilweise in einem Bootstrap popover zu machen, und aus irgendeinem Grunde die Form scheint nicht richtig zu schließen ist, die popover zu brechen.Schienen bilden Teilbrüche Bootstrap popover

_post_form.html. erb

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

der Ansicht Helfer die popover und Form Aufruf:

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 

die popover funktioniert gut, wenn es gibt nur Text oder html, aber sobald ich die form_fo setzen r in es, alles nach dem form_for (dh test_text_2, sowie die Formularelemente) rendert außerhalb des Popover, zusammen mit einem nachlaufenden ">, was es scheint, als ob die Formularfelder nicht richtig geschlossen werden. Ein einfacher Text vor dem Formular (z. B. test_text_1) wird weiterhin ordnungsgemäß im Formular gerendert. Fehle ich einen Tippfehler oder gibt es eine bestimmte Möglichkeit, ein Formular in einem Bootstrap-Popover zu rendern?

Antwort

1

Statt

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

Versuchen:

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

Sie wollen auch sicher popover Initialisierung akzeptieren HTML-Inhalt (Standard ist nur Text) dh $("#id").popover({html: 'true'})

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

Prost

+0

toll, danke! –