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

时间:2019-08-28 10:29:35

标签: javascript html css bootstrap-4 ejs

我想通过引导collapse显示一些帖子。我使用 post 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 %>。请告诉我我做错了。

感谢您的关注。

1 个答案:

答案 0 :(得分:0)

您的<%= hadith._id %>用特殊键或数字开头吗? 如果是这样,这可能是问题