gpt4 book ai didi

javascript - Bootstrap 崩溃不适用于 Meteor.js 的每个循环

转载 作者:行者123 更新时间:2023-11-28 06:40:56 24 4
gpt4 key购买 nike

我正在检索以下模板中的位置列表

<template name="explore">
<h2>Explore Places</h2>
<ul>
{{#each locations}}
<h4><a data-toggle="collapse" data-target="#info">{{name}}</a></h4>
<p id="info" class="collapse">{{{information}}}</p>
{{/each}}
</ul>
</template>

每当单击一个位置时,我想通过使用 Bootstrap 折叠来显示其相应的隐藏信息。但单击列表中的任何链接始终会显示列表中第一项的信息。

最佳答案

解决了,我为每个可折叠标签使用相同的“id”:

<template name="explore">
<h2>Explore Places</h2>
<ul>
{{#each locations}}
<h4><button class="btn btn-mini" data-toggle="collapse" data-target="#{{name}}">{{name}}</button></h4>
<li>
<p id="{{name}}" class="collapse">{{{information}}}</p>
</li>
{{/each}}
</ul>
</template>

关于javascript - Bootstrap 崩溃不适用于 Meteor.js 的每个循环,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33826219/

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