我正在学习哈巴狗,在阅读评论here并稍加调整后,我得到了这个Mixin:
mixin mainnav(i)
ul
li(class=(!--i) && "active")(class='home')
a(href="/") Home
plus other li's,
然后:
+mainnav(1)
要创建此html:
<nav class="main-nav">
<ul>
<li class="active home"><a href="/">Home</a></li>
other li's...
它创建了我想要的东西,您可以通过更改 + mainnav(x)来移动'active'
类,但是在编译时会出现警告:
'You should not have pug tags with multiple attributes.'
是否有一种更清洁的方法?
(我查看了解决方法here-并尝试了
li(class="home" && (!--i) && "active")
,但只有“ active”作为类被添加。)
答案 0 :(得分:1)
这应该可以正常工作:
li.home(class= (!--i) && "active")