how to add jquery data attributes in rails image_tag

Question

I need to add the following attribute in my rails image_tag

data-zoom-image

I tried

<%= image_tag @post.uploads.first.upload.url(:medium), data: { :zoom-image => 'test'} %>

But throwing syntax error undefined local variable or method image.

How can I add attribute rails

Philip Hallstrom · Accepted Answer · 2013-11-22 19:38:25Z

4

:zoom-image isn't a valid symbol. You can't have a dash in there. You want this:

data: { zoom_image: 'test'}

or this:

data: { 'zoom-image' => 'test'}

In the both cases, Rails will output data-zoom-image="test" into the HTML.

answered Nov 22, 2013 at 19:38

Philip Hallstrom

19.9k2 gold badges44 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1