引导折叠动态“数据目标”无法按预期工作

Question

我想通过引导程序 collapse 显示一些帖子。我使用 post id 在 bootstrap collapse 中设置了动态 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 %>。请告诉我我做错了什么。

感谢您的关注。

Answer 1

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