首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Jade条件(if/else)将类添加到内联div

Jade条件(if/else)将类添加到内联div
EN

Stack Overflow用户
提问于 2013-01-04 01:45:14
回答 4查看 51.7K关注 0票数 75

有没有一种方法可以在jade模板中实现内联?

代码语言:javascript
运行
复制
if(typeof fromEdit != 'undefined')
   div#demo.collapse.in
else
   div#demo.collapse

我想做这个条件检查“内联”,如果fromEdit存在,结果会将.in添加到div的末尾。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2013-01-04 01:48:29

这是可行的:

代码语言:javascript
运行
复制
div#demo.collapse(class=typeof fromEdit === "undefined" ? "" : "in")

试试here吧。

票数 113
EN

Stack Overflow用户

发布于 2013-06-10 06:34:31

如果您不希望在没有值的情况下添加class属性,则可以为其分配未定义的属性,而不是空字符串。下面是前面的例子,稍微修改了一下:

代码语言:javascript
运行
复制
div#demo.collapse(class=typeof fromEdit === "undefined" ? undefined : "in")

更新:另外,如果您使用的是pug,您现在可以根据不同的条件添加任意数量的class=声明,这些声明将在生成的类属性中连接起来。例如:

代码语言:javascript
运行
复制
#demo.collapse(class=cond1 && 'class1' class=cond2 && 'class2')
票数 81
EN

Stack Overflow用户

发布于 2017-05-26 07:06:09

对于pug 2,您可以使用以下语法:

代码语言:javascript
运行
复制
div#demo(class="collapse", class={"in": typeof fromEdit !== 'undefined'}) Home page

更多信息请点击这里:https://pugjs.org/language/attributes.html

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14144274

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档