Sto usando Twitter-Bootstrap all'interno di un'applicazione Rails 3.1.3. Ho numerosi elementi con popovers come:Posso utilizzare tag html nel contenuto di dati pop-up di twitter-bootstrap?
<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>
Mi piacerebbe avere un elenco ordinato nella sezione contenuti simili a:
<OL reversed="reversed">
<LI> for Really Nice </LI>
<LI> for Good Enough </LI>
...
</OL>
C'è un modo semplice per fare questo senza modificare il codice JavaScript ? Qualunque cosa provi, il codice html viene visualizzato sul browser anziché essere interpretato come tale.
UPDATE
utilizzando il seguente codice per il suggerimento di David
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 }
genera un errore di sintassi con la mia messa a punto. Penso che questo spieghi perché: Ruby 1.9 hash with a dash in a key. Quindi sto usando:
<%= 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 } %>
Questo non funziona. Genera il seguente codice 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>
Con questa soluzione le opzioni HTML vengono passate correttamente. Tuttavia, l'HTML non è ancora interpretato per il contenuto dei dati. Questo è ciò che mostra Firefox: Q – Arman
Funziona bene per me sia in Chrome che in Firefox. – iwasrobbed
Sembra che Rails stia sfuggendo all'HTML prima che arrivi a JS con la sintassi precedente. Quanto segue funziona con il set di opzioni "html: true": S – Arman