Question

我正在使用轨道进行幻灯片演示，但我无法添加字幕。

文档说明了这一点： -

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

我正在使用haml并做这样的事情： -

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

这显然会产生错误，因为我无法提供类似:data-caption的语法我尝试了很多东西，但是无法解决这个问题但有人可以提供帮助吗？

Answer 1

您只需引用它们就可以使用任意字符串作为符号：

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

使用haml为zurb轨道插件添加标题以进行幻灯片放映

1 个答案: