在Rails image_tag中创建自定义数据属性 [英] Creating custom data attribute in Rails image_tag

问题描述

我目前正在尝试向Rails image_tag添加自定义数据属性，以允许我的jQuery运行.

I am currently trying to add a custom data attribute to a Rails image_tag to allow my jQuery to function.

首先，我从像这样的image_tag开始:

First, I am starting with an image_tag like so:

<%= image_tag("randomv1.png", class: "icon js-icon") %>

第二，对于我的jQuery，我需要image_tag来触发一个事件，并且我希望它包含一个数据属性，例如我在此处用于按钮的属性:

Second, for my jQuery, I need the image_tag to trigger an event, and I want it to include a data attribute like the one I am using for a button here:

<button class="icon js-icon" data-icon-text="Random">Icon graphic</button> 

添加class属性很容易，但是我也需要data-icon-text作为属性，以便在.hover之后显示数据.

Adding the class attribute is easy, but I will need the data-icon-text to function as an attribute too for the data to be displayed after a .hover.

基于这个先前的问题，我试图修改image_tag:

Based on this previous question, I tried to modify the image_tag:

 <%= image_tag("randomv1.png", :class "icon js-icon" :data => { :icon-text => "Random" }) %>

由于这传递了错误，我可以创建该自定义属性吗?

Since this is delivering an error, can I create that custom attribute?

推荐答案

尝试执行以下操作:

您必须修改需要=>的课程.然后，您必须将:icon-text更改为字符串"icon-text".

You have to revised the class need =>. Then, you have to change :icon-text into string "icon-text".

<%= image_tag("randomv1.png", :class => "icon js-icon", :data => { "icon-text" => "Random" }) %>

或

<%= image_tag("randomv1.png", :class => "icon js-icon", "data-icon-text" => "Random") %>

希望对您有帮助

这篇关于在Rails image_tag中创建自定义数据属性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！