Я использую Twitter-Bootstrap в приложении Rails 3.1.3. У меня есть множество элементов с Popovers как:Могу ли я использовать теги html в twitter-bootstrap popover data-content?
<a data-original-title="Quality" rel="popover" data-content="Did they do a good job? 5 for Really Nice, 4 for Good Enough, 3 for Average, 2 for Somewhat OK, 1 for Really Bad">Q</a>
Я хотел бы иметь упорядоченный список в разделе контента, аналогичный:
<OL reversed="reversed">
<LI> for Really Nice </LI>
<LI> for Good Enough </LI>
...
</OL>
Есть простой способ сделать это без изменения JavaScript ? Независимо от того, что я пытаюсь, html-код отображается в браузере, а не интерпретируется как таковой.
UPDATE
Используя следующий код за предложение Дэвида
link_to 'Q', '#', options: { data-original-title: "Quality", rel: 'popover', data-content: "Did they do a good job? <ol><li> for Really Nice </li><li>...</li></ol>".html_safe }
генерирует синтаксическую ошибку с моей установки. Я думаю, это объясняет, почему: Ruby 1.9 hash with a dash in a key. Поэтому я использую:
<%= link_to 'Q', '#', options: { :"data-original-title" => "Quality", :rel => 'popover', :"data-content" => "Did they do a good job? <ol><li> for Really Nice </li></ol>".html_safe } %>
Это не работает. Он генерирует следующий HTML:
<a href="#" options="{:"data-original-title"=>"Quality", :rel=>"popover", :"data-content"=>"Did they do a good job? <ol><li> for Really Nice </li></ol>"}">Q</a>
С этим решением HTML-параметры корректно передаются. Однако HTML по-прежнему не интерпретируется для содержимого данных. Это показывает Firefox: Q – Arman
Работает отлично для меня как в Chrome, так и в Firefox. – iwasrobbed
Похоже, что Rails ускользает от HTML до того, как получит JS с указанным выше синтаксисом. Следующее работает с опцией «html: true»: S – Arman