如何在 %a 标签中嵌套元素？答案

【问题标题】：How to nest elements within %a tag?如何在 %a 标签中嵌套元素？
【发布时间】：2013-02-02 05:36:57
【问题描述】：

我想将事件 div 包装在 %a 标记中以使整个可点击。

这个区块：

= link_to event_path(event.id) do
    .flipper
        .event-inner
            ...

编译为：

<div class="event-container flip-container" ontouchstart="this.classList.toggle('hover');">
    <a href="/events/21"></a>
    <div class="flipper">
        <a href="/events/21"></a>
            <div class="event-inner"><a href="/events/21"></a>            
                ...

我怎样才能得到一个独特的%a 包裹整个？

【问题讨论】：

标签： ruby-on-rails tags haml

【解决方案1】：

注意 HAML 中的缩进：

= link_to(event_path(event.id)) do 
  .flipper
    .event-inner
      your_code_here

【讨论】：

对不起，缩进问题只是复制过去的错误（上面已编辑）。它一定是别的东西。
在.flipper 和.event-inner 类下扭曲的确切内容看起来如何？图片、文字、div？
我有 div、图像、表单和表格。

【解决方案2】：

haml 似乎不能编译嵌套良好的块。特别是，我在 .event-inner 中有辅助块。

我找到的解决方案是切换到管理良好的slim。此外，它的编译速度似乎快了 2 倍，并且它存在 haml to slim 转换器。

【讨论】：