jquery - ツールチップの部分的な内部で HTML コードをレンダリングする

Question

アプリでhttp://twitter.github.com/bootstrap/javascript.html#tooltipsを使用しています。

私はこのレールコードを持っています:

<%= link_to t('.shipping_details'), "#", :rel => "tooltip",  :title => "#{render 'orders/partials/shipping_cost_detail', :o => o}"  %>

問題は、内部でhtmlコードをレンダリングできないことです_shipping_cost_detail.html.erb

たとえば、<div></div>または<br>ツールチップにテキストのように表示される場合。

ツールチップ内でhtmlをレンダリングするにはどうすればよいですか?

Answer 1

ツールチップを初期化するときに、htmlテキストまたは html のどちらを挿入するかを指定するプロパティがあります。デフォルトでは、これはfalse- に設定する必要がありますtrue。

このようなもの：

$('.shipping_details').tooltip({
     html: true,
     // other options...
});

Answer 2

html_safe オプションを使用すると、問題が解決すると思います

<%= link_to t('.shipping_details'), "#", :rel => "tooltip",  :title => "#{render 'orders/partials/shipping_cost_detail', :o => o}".html_safe  %>