0

部分的に休憩を形成する。レールは、私は "mは、ブートストラップポップオーバーでの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 

ポップオーバーは、すぐに私はform_foを置くようにのみ、プレーンテキストまたはHTMLがあるときだけ正常に動作しますが、フォームの要素と同様に、form_forの後ろのすべて(つまり、test_text_2もフォームの要素と同様に)は、ポップオーバーの外で、末尾の">とともに表示され、フォームフィールドが正しく閉じられていないように見えます。フォームの前のプレーンテキスト(例:test_text_1)は、依然としてフォーム内部で正しくレンダリングされます。タイプミスがありませんか、またはブートストラップポップオーバーでフォームをレンダリングする特定の方法がありますか?

答えて

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

乾杯お待ちください

+0

ありがとうございます! –

関連する問題