SORU
13 Aralık 2011, Salı


Twitter-bootstrap veri-içerik popover html etiketlerini kullanabilir miyim?

Twitter-Bootstrap Raylar 3.1.3 bir uygulama içinde kullanıyorum. Yumurtalı ekmek ile çeşitli unsurlar var:

<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>

İçerik bölümünde sıralanmış bir liste için benzer istiyorum:

<OL reversed="reversed">
  <LI> for Really Nice </LI>
  <LI> for Good Enough </LI>
  ...
</OL>

JavaScript değiştirmeden bunu yapmak için basit bir yolu var mı? Ne denersem deneyeyim, html kodu gibi algılanıyor yerine tarayıcı üzerinde görüntülenir.

GÜNCELLEME

David başına aşağıdaki kodu kullanarak önerisi

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 }

benim kurulum ile sözdizimi hatası üretir. Bu açıklıyor sanırım: Ruby 1.9 hash with a dash in a key . Kullanıyorum:

<%= 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 } %>

Bu işe yaramıyor. Aşağıdaki HTML oluşturur:

<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>

CEVAP
13 Aralık 2011, Salı


html seçeneği etkin (popover JS kodundan sonra javascript dosyanızda burası) popover bir örneğini oluşturmak gerekir:

$('.popover-with-html').popover({ html : true });

Sonra bağlantı sözdizimi olacaktır:

<%= link_to('Q', '#', :class => "popover-with-html", :title => "Quality", "data-content" => "#{some_content_object.html_safe}") %>

Eğer dinamik içerik üreten iseniz, o zaman David Raylar HTML kodu kaçış yok yani önerdiğin gibi html_safe kullanmak gerekir. Aksi takdirde, sadece HTML doğrudan içerik özniteliği içinde yerleştirebilirsiniz.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • BDGcustoms

    BDGcustoms

    24 NİSAN 2011
  • Stevie

    Stevie

    2 Mayıs 2010
  • Crossover

    Crossover

    18 HAZİRAN 2007