2012-12-17 47 views
1

這裏是我的HAML代碼:在菜單中添加一個類到活動裏

%li.active 
    %a{ :href => "#" } Home 
%li 
    %a{ :href => "#" } About 
%li 
    %a{ :href => "#" } Sign up 
%li 
    %a{ :href => "#" } Log in 

什麼是添加.active屬性來表示當前頁面元素的乾淨的方式?我曾想過將一個字符串傳遞給模板,並循環遍歷所有元素,從一個散列構建菜單,但似乎必須有一個更清晰的方式。

是否有這樣做的「正確」方式?我不得不認爲這是一個非常常見的操作。

感謝

回答

3

如果你沒有太多的導航項目,你可以做這樣的事情:

%li{ :class => @selected == :home ? "active" : nil } 
+0

我只有幾個導航項目,因此它很乾淨。謝謝! – Zen

相關問題