html5 data niteliklerini raylar content_tag yardımcısı ile kullanmanın en iyi yolu?

Question

Konu, tabii ki, yakut sembollerin tireleri sevmemesidir. Yani böyle bir şey tabii ki çalışmaz:

content_tag(:div, "Some Text", :id => "foo", 'data-data_attr' => some_variable) 

Yada sadece interpole olabilir:

"<div id='foo' data-data_attr='#{some_variable}'>Some Text</div>".html_safe 

I

content_tag(:div, "Some Text", :id => "foo", :data-data_attr => some_variable) 

Bir seçenek bir sembol yerine bir dize kullanmaktır Sorta daha sonra tercih eder ama her ikisi de biraz kaba görünüyor. Daha iyi bir yolu bilen var mı?

Answer 1

Raylar 3.1 gemi ile yerleşik yardımcıları:

http://api.rubyonrails.org/classes/ActionView/Helpers/TagHelper.html#method-i-tag

Ör,

tag("div", :data => {:name => 'Stephen', :city_state => %w(Chicago IL)}) 
# => <div data-name="Stephen" data-city-state="[&quot;Chicago&quot;,&quot;IL&quot;]" /> 

Answer 2

Sembollü tırnak kullanmayı denediniz mi? Bir şey gibi:

:"data-foo" => :bar 

Answer 3

Her zaman bir yardımcı kötü bir fikir değil

<%= div_data_tag the_id, some_text, some_data %> 

Answer 4

yazabilir öyleyse size kendi yardımcı işlevi oluşturmak ama yaklaşık esasen beni olmanın fusy ne için bir overkill biraz görünüyor olabilir sözdizimi. Umduğum şey olan raylara inşa edilmiş hiçbir şey yok. Sadece bu kullanacağız:

content_tag(:div, "Some Text", :id => "foo", 'data-data_attr' => some_variable) 

Answer 5

JQuery Air (codeschool.com) Seviye 1 Örnek 1

Codeschool/platformdan bağımsız sürüm

<section id="tabs"> 
    <ul> 
    <li><a href="#2012-09-27" data-flights="6">Sep 27</a></li> 
    <li><a href="#2012-09-28" data-flights="5">Sep 28</a></li> 
    <li><a href="#2012-09-29" data-flights="5">Sep 29</a></li> 
    </ul> 
</section> 

Raylar Sürüm önceki yanıtlarını

<section id="tabs"> 
    <ul> 
    <li><%= content_tag(:a, "Sep 27",:href=> "#2012-09-27", :data => { :flights => "6" }) %></li> 
    <li><%= content_tag(:a, "Sep 28",:href=> "#2012-09-28", :data => { :flights => "5" }) %></li> 
    <li><%= content_tag(:a, "Sep 29",:href=> "#2012-09-29", :data => { :flights => "5" }) %></li> 
    </ul> 
</section> 

Answer 6

Bina, burada şimdi bunu yapmak için kurallı bir yolu:

content_tag(:div, "Some Text", id: "foo", data: { attr: some_variable }) 
content_tag(:div, "Some Text", id: "foo", data: { "other-attr" => some_variable }) 

üretir Hangi:

<div id="foo" data-attr="some variable">Some Text</div> 
<div id="foo" data-other-attr="some variable">Some Text</div>