动态内容取决于 css 类答案

【问题标题】：Dynamic content depending on css class动态内容取决于 css 类
【发布时间】：2013-11-23 03:53:16
【问题描述】：

我使用middleman 开发网站，并希望使用 .yml 文件将标记与内容分开。那么问题来了：

有没有办法根据某个 css 类改变 ruby 数据路径？

例如我只想在父标签中有css类时才放出某些内容：

类似的东西

如果我只使用“页面”类，则输出必须来自sliderA-Section，来自slider.yml

<div class="page">
    <div class="slider">
        <span class="content">
            <%= data.slider.sliderA.content %>
        </span>
    </div>
</div>

但如果我将“B”类添加到“页面”容器中，则输出必须来自同一个 yml 文件，但来自其中的 SliderB 部分。

我希望通过使用一个依赖于 css 类的变量来使数据路径中的这个 (DYN) 部分动态化

<%= data.slider.DYN.content %>

这样的事情可能吗？

【问题讨论】：

标签： html css ruby sass middleman

【解决方案1】：

您应该能够按如下方式动态访问您的数据：

<% DYN = sliderA %>
<%= data.slider[DYN].content %>

PS：你知道page_classes 助手（http://middlemanapp.com/helpers/#toc_8）吗？也许它也可以帮助你。

【讨论】：

【解决方案2】：

您可以尝试以下方法：

</%= eval "data.slider.#{dyn}.content" %>

【讨论】：