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

如果你想在你的erb中使用数据库中的某个值设置数据属性，你可以这样做。

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

尝试这种模式

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 3

如果是div，

数据不是属性。

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

Please check this answer.