Question

我正在尝试使用自举轮播，但无法真正使其正常工作。我有一张清单，上面有我想循环播放并显示在轮播中的图片。我无法显示所有图片，因为“激活”（以下文本中的第3行）应仅应用于第一张图片（而不适用于列表中的其他图片）。这意味着我需要对“激活”进行某种限制。可能类似“仅对第一次循环使用激活”之类的内容。我不太确定该怎么写。我正在用javascript（新手）编写代码，很难将其合并到html文件中。

  <div class="carousel-inner">
        {% for image in images %}
          <div class="carousel-item active">
            <img src="{{ url_for('static', filename='images/' + image.image) }}" alt="{{ name }} product image" class="d-block w-100">
          </div>
        {% endfor %}
    </div>

Answer 1

我想是Django，您在这里使用某种模板语言。

您需要在if块中将类激活。

 {% if image in images is first %} active {% endif %}
 {% with %} {% endwith %}

我认为您可以使用语法。这个例子只是您需要遵循的逻辑。只要找到正确的语法即可。其他您不需要更改。

Bootstrap轮播-javascript中的循环

1 个答案: