如何将bootstrap模态调用应用于图像标记？

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}}  %> 

更新：

请参阅以下内容：link_to with image_tag：link_to image_tag with inner text or html in rails