javascript - Bootstrap崩溃动态“数据目标”无法按需工作

我想通过引导collapse显示一些帖子。我在开机自检折叠中使用帖子ID设置了动态data-target和ID。它不起作用。

     <div class="container">
      <div class="accordion">
        <div class="card">
          <% hadiths.forEach(function(hadith){ %>
          <div class="card-header" id="headingOne" data-toggle="collapse"
data-target="#<%= hadith._id %>" aria-expanded="false" aria-controls="<%= hadith._id %>">
            <h2 class="mb-0">
              <h3>
                <div class="row">
                    <div class="col-11">
                <%= hadith.serial %>- <%= hadith.title %>
                  </div>
                </div>
              </h3>
            </h2>
          </div>
          <div id="<%= hadith._id %>" class="collapse id" aria-labelledby="headingOne">
            <div class="card-body">
                  <%- hadith.description %>
            </div>
          </div>
    <% }); %>
        </div>
      </div>
    </div>

但是，如果我在<%= hadith._id %>前面添加一些字符串，则它的作用类似于a<%= hadith._id %>。我需要将其设置为<%= hadith._id %>。请告诉我我做错了。

感谢您的关注。

最佳答案

给您的<%= hadith._id %>以特殊键或数字开头？
如果是这样，这可能是问题