hamlを使用したスライドショー用のzurb orbitプラグインでキャプションを表示

Question

スライドショーの要件には軌道を使用していますが、キャプションを追加することはできません。

ドキュメントは言うこの： - ：私は多くのことを試してみました:data-captionような構文を与えることができないので、

.container 
    .row 
     .two.columns 
      =render "left_navigation" 
     .ten.columns.destination_tabs 
      .contianer 
       .row 
        .ten.columns 
         %h3 Featured Destination 
         %hr 
         -if @preferred.blank? 
          %h5 No Featured destinations currently 
         -else 
          #featured 
           -@preferred.each do |destination| 
            -destination.destination_photos.each do |photo| 
             =image_tag(photo.picture.thumb_large.url, :alt =>"html captions", :data-caption => "#htmlCaption") 

.orbit-caption#htmlCaption 
    ="sfsdf" 

これは明らかに誤りが与える - 私はHAMLを使用して、このような何かをやっている

<div id="featured"> 
    <img src="overflow.jpg" alt="Overflow: Hidden No More" /> 
    <img src="captions.jpg" alt="HTML Captions" data-caption="#htmlCaption" /> 
    <img src="features.jpg" alt="and more features" /> 
</div> 
<!-- Captions for Orbit --> 
<span class="orbit-caption" id="htmlCaption">I'm A Badass Caption</span> 

ものの、それはすぐにそれを得ることができなかった誰も助けることができますか？

Answer 1

あなたは、単にそれらを引用してシンボルとして任意の文字列を使用することができます。

:"data-caption" => "#htmlCaption" #note the quotes around data-caption