div 标记中的 html5 数据属性( Rails )

Question

我正在为我的rails项目使用主题森林的主题，开发人员使用自定义数据标签来加载背景图像。代码如下所示。

<div class="swiper-slide fit slide-1" data-pages-bg-image="assets/images/banner_1.jpg">

在div 标签中使用数据属性的语法是什么？ 我使用 ERB 作为我的模板引擎

Answer 1

试试这个模式

1. 使用纯 HTML 标签

<div class="swiper-slide fit slide-1" data-pages-bg-image="assets/images/banner_1.jpg">

2. 使用content_tag

如果您的 Ruby 版本高于 2.3

<%= content_tag(:div, "blah blah", 'data-pages-bg-image' => "asets/images/banner_1.jpg", class: "swiper-slide fit slide-1") %>

或不（1.9 等）

<%= content_tag(:div, 'blah blah', "data-pages-bg-image" => "assets/images/banner_1.jpg" :class => "swiper-slide fit slide-1") %>

---

示例）

<section id="tabs">
  <ul>
    <li><%= content_tag(:a, "text", :href=> "#", :data => { :flights => "6" } ) %></li>
    <li><%= content_tag(:a, "text", :href=> "#", :data => { :flights => "5" } ) %></li>
    <li><%= content_tag(:a, "text", :href=> "#", :data => { :flights => "5" } ) %></li>
  </ul>
</section>

Answer 2

如果你想用数据库中的一些值在 erb 中为div 设置数据属性，你可以这样做。

<div class="swiper-slide fit slide-1" data-pages-bg-image="<%= @item.bg_image %>">
#@item.bg_image is an example, you should put your variable there

Answer 3

如果div 数据不是属性。

您可以将 attr.data 与div 一起使用。[数据页-BG-图像]=

请检查此答案。