javascript - Bootstrap 崩溃动态 'data-target' 未按预期工作

Question

我想通过 Bootstrap 显示一些帖子 collapse .我设置动态 data-target和 id in bootstrap collapse using post 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 %>以特殊键或数字开头？如果是这样，这可能是问题所在