html - 在 HAML 中的链接中嵌套链接时遇到问题

Question

我在使用 HAML 将一个链接嵌套在另一个链接中时遇到问题。缩进在 HAML 中完全正确，但输出的 HTML 非常错误。

原始 HAML 代码:

.item
  =link_to page_path do
    .item-info
      %h3 Item name
      =link_to 'Link', different_page_path

当我在 Chrome 的检查元素中查看 HTML 时，这是我得到的:

<a href="/page"></a>
<div class="item-info">
  <a href="/page">
    <h3>Item name</h3>
  </a>
  <a href="/different_page">Link</a>
</div>

但是当我查看源代码时，它显示正确，但在查看页面时仍然乱七八糟:

<a href="/page">
  <div class='item-info'>
    <h3>Item name</h3>
    <a href="/different_page">Link</a>
  </div>
</a>

我很茫然，任何帮助都会很棒。谢谢。

Answer 1

如果你真的想要链接中的链接，你可以直接使用 haml 而不是 rails(或你正在使用的框架)方法 link_to:

.item
  %a{ :href => '/page' }
    .item-info
      %h3 Item name
      %a{ :href => '/different_page' } Link

link_to 正在帮助您在浏览器中做正确的事情，如上所述。最好认识到这不是 haml 问题，而是 link_to 实现问题。

更新:澄清 - 它仍然不会被浏览器很好地呈现，但生成的标记将按要求生成。