【问题标题】: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 转换器。

    【讨论】:

      最近更新 更多