html - rails haml span 正在结束 "early"- 为什么？

Question

为什么我的“footer_links”跨度提前结束(在我删除 button_to 之前):

%p
  %br
  %span.footer_links
    = link_to 'Edit', edit_link_path(@link)
    |
    = button_to 'Delete', @link, :confirm => 'Are you sure?', :method => :delete

正在制作这个:

<p>
<br/>
<span class="footer_links">
<a href="/links/354/edit">
<a href="/links/354/edit">
 | 
</span>
</p>
<form method="post" action="/links/354" class="button_to">
<div>
<input name="_method" type="hidden" value="delete"/>
<input data-confirm="Are you sure?" type="submit" value="Delete"/>
<input name="authenticity_token" type="hidden" value="MvN6K03y5WcqSZRt4Au3zj+xsKhfZ9EEtkf2M7YCGhk="/>
</div>
</form>

Answer 1

基于“mu is too short”的答案，将 p 和 span 元素更改为 div(或其他有效的内容HTML):

%div
  %br
  .footer_links
    = link_to 'Edit', root_path
    |
    = button_to 'Delete', current_user, :confirm => 'Are you sure?', :method => :delete

我猜您是从 Chrome(或 Safari 或 Firefox/Firebug)开发人员工具中的 Elements(又名 DOM)浏览器中获得该“源代码”的。这与查看 HAML 呈现的原始源代码不同。浏览器解析您的(无效的)源代码，它会尝试从中构建最好的 DOM，当您浏览 DOM 时，开发人员控制台会将其转储为文本。

开发人员控制台中的文本表示很少会与原始来源相同，尤其是当您的来源无效时。当您尝试调试渲染错误时，不要透过那么多层纱布盯着看。从浏览器的菜单中选择“查看源代码”。