如何在块中调用 link_to 辅助方法，在使用类的同时链接到图像文件？

Posted 2023-02-26

【中文标题】如何在块中调用 link_to 辅助方法，在使用类的同时链接到图像文件？

【英文标题】：How can I call a link_to helper method in a block, linking to an image file while using a class as well?

【发布时间】：2017-02-05 20:08:51

【问题描述】：

此代码是画廊的一个元素。 “a href”标签对于通过单击来扩展图像至关重要。重要的是我有“a href”，否则 javascript 插件（magnific-popup）将无法工作。

<a href="app/assets/images/1-fullsize.jpg" class="portfolio-box">
    <img src="app/assets/images/1-thumbnail.jpg" class="img-responsive" >
    <div class="portfolio-box-caption">
        <div class="portfolio-box-caption-content">
            <div class="project-category text-faded">
                Category
            </div>
            <div class="project-name">
                Project Name
            </div>
        </div>
    </div>
</a>

到目前为止，我想出了这个：

<a href="app/assets/images/1-fullsize.jpg" class="portfolio-box">
    <%= image_tag("1-thumbnail.jpg", alt: "", :class => "img-responsive") %>
    <div class="portfolio-box-caption">
        <div class="portfolio-box-caption-content">
            <div class="project-category text-faded">
                Category
            </div>
            <div class="project-name">
                Project Name
            </div>
      </div>
    </div>
</a>

所以图像是可见的，但图片的扩展显然在 Rails 中不起作用。我想过在一个块中实现一个 link_to 辅助方法。但是我不知道如何使用 link_to 辅助方法，将其链接到文件并在块内另外给它一个类？有不同的解决方案吗？有人有任何提示吗？如果您需要更多信息，请告诉我？

【问题讨论】：

Rails link_to tag tag with styled glyphicon的可能重复

【参考方案1】：

您可以使用image_path 作为link_to 的第二个选项。

示例：

<%= link_to(image_path("1-fullsize.jpg"), class: "portfolio-box") do %>
    <%= image_tag("1-thumbnail.jpg", alt: "", :class => "img-responsive") %>
    <div class="portfolio-box-caption">
        <div class="portfolio-box-caption-content">
            <div class="project-category text-faded">
                Category
            </div>
            <div class="project-name">
                Project Name
            </div>
      </div>
    </div>
<% end %>

http://apidock.com/rails/ActionView/Helpers/AssetTagHelper/image_path

http://apidock.com/rails/ActionView/Helpers/AssetTagHelper/image_tag

http://api.rubyonrails.org/classes/ActionView/Helpers/UrlHelper.html#method-i-link_to

【讨论】：

感谢分配，我在过去的 2 小时内无法弄清楚这一点......工作完美我不得不将 更改为 否则我会收到错误消息； )