jquery - 当我单击轮播的每个项时，如何将指标列表项更改为活动状态？

Question

我有一个通过 javascript 生成的 Bootstrap 4 Carousel。我已经成功地为索引中的每个 li 项目创建了一个可点击的指示器，其中包含从 json 生成的文本。当我通过单击下一个或上一个循环通过轮播时，我能够使列表项正确更改为list-group-item active状态（并将所有其他项更改回）。list-group-item但是当我单击指标时，它们会变为活动状态，但是在单击每个指标时我无法让它切换回非活动状态。这是我的代码：

  $indicators
    .appendTo($quiz);

  $.each(questions, function(question_index, question) {
    $('<li>')
      .attr('class', 'list-group-item')
      .html(question.prompt)
      .attr('class', question_index ? "" : "list-group-item")
      .click(function() { 
$quiz.carousel($(this).index());
     $(this).toggleClass('list-group-item active');
            })
      .appendTo($indicators);
  });

有人可以帮忙吗？先感谢您。

标签： jquerybootstrap-4