2013-02-17 72 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倍,並且對於纖薄的轉換器來說它已經存在了。