Ruby on rails div标签中的Html5数据属性(Rails)
在我的rails项目中,开发人员使用自定义数据标记加载背景图像,我在前面使用了一个主题Ruby on rails div标签中的Html5数据属性(Rails),ruby-on-rails,html,ruby-on-rails-4,erb,custom-data-attribute,Ruby On Rails,Html,Ruby On Rails 4,Erb,Custom Data Attribute,在我的rails项目中,开发人员使用自定义数据标记加载背景图像,我在前面使用了一个主题 在div标记中使用data属性的语法是什么?我使用erb作为模板引擎如果您想使用数据库中的一些值为erb中的div设置数据属性,可以这样做 <div class="swiper-slide fit slide-1" data-pages-bg-image="<%= @item.bg_image %>"> #@item.bg_image is an example, you shoul
在div标记中使用data属性的语法是什么?我使用erb作为模板引擎如果您想使用数据库中的一些值为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
#@item.bg_image就是一个例子,您应该将变量放在那里
如果div
您可以将attr.data与div一起使用。
[数据页bg图像]=
试试这种模式
1.使用普通html标记
或否(1.9等)
“资产/图像/banner_1.jpg”:class=>“swiper slide-fit slide-1”)%%>
(示例)
- “#”,:data=>{:flights=>“6”})%>
- “#”,:data=>{:flights=>“5”})%>
- “#”,:data=>{:flights=>“5”})%>
它不是来自我的数据库,而是来自我的资产。我尝试了你的资产代码,但它不起作用:(好的,假设您有一个名为“bg_image.jpg”的图像。您只需在数据属性的引号中写入图像/bg_image.jpg
。应该可以。让我知道!不工作尝试包括和排除图像路径这些是我在控制台中看到的一些错误哦,我有点明白问题所在,主题作者正在添加通过jquery进行mage,它有背景图像:url()
,其中包含url变量。因此,由于rails有自己的背景图像语法,因此它不工作。因此,我将其更改为资产url
,但仍然不工作
<div class="swiper-slide fit slide-1" data-pages-bg-image="assets/images/banner_1.jpg">
<%= content_tag(:div, "blah blah", 'data-pages-bg-image' => "asets/images/banner_1.jpg", class: "swiper-slide fit slide-1") %>
<%= 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>