javascript - 如何将引导模式调用应用于图像标签？

Question

我有一个图像显示页面。我想添加一个具有更大版本图像的模态。我根据完成这项工作的引导指令创建了一个按钮：

<button type="button" data-toggle="modal" data-target="#myModal">View</button>

我正在尝试将该代码的数据切换和数据目标部分应用于我的 image_tag，但我不知道如何。这是我最好的猜测：

 <%= image_tag(@illustration.image.url),  :options => { :data-toggle => "modal", :data-target => myModal}  %> 

感谢您的任何建议。

Answer 1

您的数据属性哈希的语法是错误的，您可以通过两种方式进行：

<%= image_tag(@illustration.image.url),  :options => { "data-toggle" => "modal", "data-target" => myModal}  %>  

或者

<%= image_tag(@illustration.image.url),  :options => { :data => {toggle => "modal"}, :data => {target => myModal}}  %> 

更新：

看到这个链接到里面有 image_tag：link_to image_tag with inner text or html in rails