html - 包装 link_to、image_tag 和 div_tag 以生成此代码时出错

Question

我有一个简单的 HTML 代码，需要用 Ruby 进行转换。

<div class="col-md-4 col-sm-6">
    <div class="single-work">
        <a class="work-thumb mb-35 light-box" href="works/img-05.jpg">
            <%= image_tag 'works/img-05.jpg' %>
            <div class="work-hover"></div>
        </a>
        <div class="work-excerp">
            <a href="single-services.html"><h2>Plugin Development</h2></a>
            <p>Duis autem vel eum iriure dolor in hendrerit in vulpu tate velit esse molestie consequat.</p>
        </div>
    </div>
</div>

这是我的 Ruby 代码。

<div class="col-md-4 col-sm-6">
    <div class="single-work">
        ---> <%= link_to((image_tag'works/img-05.jpg'), image_path('works/img-05.jpg'), 'class' => 'work-thumb mb-35 light-box')  %>
        <div class="work-hover"></div>
        <div class="work-excerp">
            <a href="single-services.html"><h2>3D Design</h2></a>
            <p>Duis autem vel eum iriure dolor in hendrerit in vulpu tate velit esse molestie consequat.</p>
        </div>
    </div>
</div>

我需要这个 <div class="work-hover"></div>在该标签内(寻找这个 --> 箭头)

Answer 1

你可以这样做:

<div class="col-md-4 col-sm-6">
    <div class="single-work">
        <%= link_to( image_path('works/img-05.jpg'), class: 'work-thumb mb-35 light-box') do %>
          <%= image_tag 'works/ing-05.jpg' %>
          <div class="work-hover"></div>
        <% end %>
        <div class="work-excerp">
            <a href="single-services.html"><h2>3D Design</h2></a>
            <p>Duis autem vel eum iriure dolor in hendrerit in vulpu tate velit esse molestie consequat.</p>
        </div>
    </div>
</div>