gpt4 book ai didi

html - 在 Jade Pug 的循环中使用 CSS id 变量

转载 作者:太空宇宙 更新时间:2023-11-04 01:47:29 25 4
gpt4 key购买 nike

我想在 jade/pug 中构建一个可折叠的 div 循环。

我正在使用 jade npm 包版本 1.11.0

例如,这是我的第一个迭代:

button.btn.btn-primary(type='button', data-toggle='collapse', data-target='#response0', aria-expanded='false', aria-controls='collapseExample')
| Show Response
#response0.collapse
.well
pre=response

不幸的是,当我尝试这个时

button.btn.btn-primary(type='button', data-toggle='collapse', data-target='#response0', aria-expanded='false', aria-controls='collapseExample')
| Show Response
div(id= 'response0').collapse
.well
pre=session_detail.response

或者这个

button.btn.btn-primary(type='button', data-toggle='collapse', data-target='#response0', aria-expanded='false', aria-controls='collapseExample')
| Show Response
.collapse(id= 'response0')
#response0.collapse
.well
pre=session_detail.response

html 输出看起来不错,但折叠按钮不起作用。

我想构建的是这样的东西:

-var i = 0
-session_details.forEach(function(session) {
.row
.col-md-5
pre=session_detail.response
-var dataTarget='#response'+i
-var dataTargetResponse='response'+i
button.btn.btn-primary(type='button', data-toggle='collapse', data-target=#{dataTarget}, aria-expanded='false', aria-controls='collapseExample')
| Show Response
div(id= dataTargetResponse).collapse
.well
pre=session_
-i++

您对我能做什么有什么想法吗?感谢您的帮助

最佳答案

在 pug 中使用 for 循环时需要创建一个数组。或者你可以使用 while,像这样;

- var i = 0;
.row
.col-md-5
while i < 4
.collapse(id='response' + i)
i++

更多信息请访问 pugjs iteration

关于html - 在 Jade Pug 的循环中使用 CSS id 变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44182943/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com