2012-12-17 33 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

相关问题