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

【问题标题】：How to apply bootstrap modal call to an image tag?如何将引导模式调用应用于图像标签？
【发布时间】：2014-02-24 01:50:20
【问题描述】：

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

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

感谢您的任何建议。

【问题讨论】：

【解决方案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

【讨论】：

谢谢，这是有道理的，不会破坏。但是，我无法单击图像以使操作生效。知道如何将其更改为 link_to 并获得模态功能吗？
您可以在 link_to 块中放置一个 image_tag 并获取功能。
我对此很熟悉，但是我尝试合并:options => { "data_toggle" => "modal", "data_target" => "myModal" } 的所有不同方式都会引发“错误数量的争论”错误，或者只是将我链接回同一页面。我找不到任何东西告诉我如何通过调用 javascript 函数将 image_tag 嵌套到 link_to 中。
请记住，数据选项必须在链接上，而不是在图片上。
好的，我明白了。只是没有配置有效。你以前有这个工作吗？我开始相信这个方案对于提供的引导方案是不可能的。感谢您的帮助。