2013-02-17 58 views
2

我想将一个事件div包装在%a标签中,以使整个可点击。haml:如何嵌套%tag中的元素?

块:

= 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>    
       ... 

我怎么能得到一个独特%的包装整体?

回答

2

当心缩进HAML:

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

对不起,缩进问题只是一个复制过去的错误(上面编辑)。它一定是别的东西。 – ocolot 2013-02-17 20:04:43

+0

在'.flipper'和'.event-inner'类下看起来像是什么样的内容?图像,文字,div? – 2013-02-17 20:38:00

+0

我有div,图像,表格和表格。 – ocolot 2013-02-18 10:45:33

1

似乎HAML不编译以及嵌套块。尤其是,我在.event-inner内部有助手块。

我找到的解决方案是切换到slim管理这个好。此外,它似乎编译速度提高了2倍,并且对于纤薄的转换器来说它已经存在了。