2014-09-03 16 views
5

bir div class burada bu yazı farkındayım:Yakut ince - değişken

Ruby Slim - How do you define an element's class with a rails helper or variable?

ve tüm üç çözüm çalıştılar. Benim için maalesef bunlardan biri çalışmıyor.

forum.rb

.panel 
    .panel-heading 
    .span = @forum.name 
    .panel-body 
    .row 
     .col-md-7 #{t('global.topic')} 
     .col-md-3.value.title 
     .col-md-1.value.topic 
     .col-md-1.value.date 

forum_feed.js.coffee

window.ForumFeedUI = flight.component -> 
    @defaultAttrs 
    titleSelector: '.value.volume' 
    topicSelector: '.value.topic' 
    dateSelector: '.value.date' 

    @refresh = (event, data) -> 
    @update @select('volumSelector'), data.volume 
    @update @select('topicSelector'), data.topic 
    @update @select('dateSelector'), data.date 

Web sitesinde metin olarak değişkenleri yazdırmak istediğinizde beklendiği gibi her şey çalışıyor. Ancak başlık için değişken de içeren divlara ihtiyacım var. Denediğim her şey, div sınıfını, başlığın değişkeni ile elde edemiyorum.

content_tag(:div, content_tag(:p, "Hello world!"), class: "strong") 


div = t(".#{forum_title title}") 


def forum_title(title, &block) 
    content_tag :div, class: "col-md-3-#{title}" do 
    capture(&block) 
    end 
end 
+0

Hangi satırda tam olarak dinamik bir sınıfa sahip olmayı bekliyorsunuz? – Surya

+0

@ .col-md-1.value.title – domi771

+0

Üzgünüm ama gönderdiğiniz linkte listelenen tüm yöntemler benim için çalışıyor. Belirlediğiniz değişkenlerde yanlış bir şey olduğundan eminim. Lütfen değişkenlerin Ruby değişkenleri ve bir JavaScript Değişkenleri olmadığını unutmayın! – Surya

cevap

9

deneyebilirsin:

.col-md-7 class="your-#{dynamic class}" 
+0

bu bana boş bir sınıf – domi771

+0

veriyor, bu '

' vermelidir – IS04

1

Kullanım css özellikleri için alternatif [] notasyonu

ben bu satırlar boyunca bir yardımcı şey ve bir content_tag oluşturmanız gerekir inanıyoruz.

Bu üç satır

eşdeğerdir:

- myclass = "col-md-6" 
div[class="#{myclass} title" id="foo"] 

Ve IMO o en kolay cevabı: tırnak içine Ruby #{} koyabilirsiniz,

.col-md-6.title#foo Some content 

div.col-md-6.title#foo Some content 

div[class="col-md-6 title" id="foo"] Some content 

sonuncusu için, böylece bunu yapabilirsiniz .