在 Rails 4 中循环使用循环包围其他元素的元素

Question

当有另一个元素包含循环属性时，我通过循环使用link_to 运行问题。

这就是我的意思。我在一张图片中显示博客的帖子——这张图片将包含多个内容元素，所有这些都是从我在 Rails 中的表格中提取的。

使用存根作为链接，这可以正常工作，并且它包含<a> 链接中的所有图像/帖子内容：

<ul id="hexGrid">
  <li class="hex">
    <a class="hexIn" href="#">
      <img alt="rss feed" src="http://www.example/image.png" />
      <h1>Business Business Business </h1>
      <p>Ipsum Incorporated is going to do something</p>
    </a>
  </li>
</ul>

也就是说，我希望它在我的Post 表中附加我的Stub 列中的关联链接，所以我将像这样调整代码：

<ul id="hexGrid">
  <li class="hex">
    <%= link_to post.slug, about_path(post.slug), class: "hexIn" %>
      <img alt="rss feed" src="http://www.example/image.png" />
      <h1>Business Business Business </h1>
      <p>Ipsum Incorporated is going to do something</p>
    </a>
  </li>
</ul>

现在我觉得这看起来很棒。我仍在将链接更改为hexIn 类。然而，图像帖子最终被扭曲并且明显错误。

查看源代码后，我注意到 Rails 成功地将 href 更改为表中的链接（好！），但在链接后附加了一个结束 `。由于在原始代码中，此链接在第 7 行之前一直保持打开状态，我相信这是导致问题的原因。

<a class="hexIn" href="/about"></a>

有什么办法可以阻止在第 3 行动态添加 </a> 来解决这个问题？还是另一种方法？

Answer 1

试试这个。

<%= link_to about_path(post.slug), class: "hexIn" do %>
      <img alt="rss feed" src="http://www.example/image.png" />
      <h1>Business Business Business </h1>
      <p>Ipsum Incorporated is going to do something</p>
<%end%>