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

How to apply bootstrap modal call to an image tag?

本文关键字：调用 应用于 图像 标签 模式      更新时间：2023-09-26

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

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

谢谢你的建议

你的数据属性哈希的语法是错误的，你可以做两种方式:

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

或

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

相关文章：