Bootstrap carousel＆＃34; active＆＃34;指标未循环

Question

我正在使用自定义jQuery插件将Bootstrap网格转换为移动设备的轮播。例如，让我们说我希望将一组div显示为超过1000px宽的视口的常规网格，然后将这些div转换为旋转木马以用于其下的视口。这是界面：

$(".row").gridCarousel({
    threshold: "1000px", // Grid / Carousel threshold (viewport max-width)
    indicators: true, // Insert carousel indicators?
    controls: true, // Insert carousel controls?
    carousel: {interval: false}, // Configuration object passed to Bootstrap's carousel
});

到目前为止，这么好。我遇到的问题是旋转木马＆＃34;活跃＆＃34;在第二次超过视口宽度阈值后，指示器没有循环。

步骤：

1. 从桌面视口开始，将内容视为网格。
2. 切换到窄视口，内容转换为轮播。指标工作正常。
3. 切换回宽视口。内容再次显示为网格。
4. 再次切换到一个狭窄的视口，内容转换为旋转木马，但＆＃34;活跃＆＃34;指标不动。您仍然可以点击指标，然后您将被带到正确的幻灯片，但是＆＃34;活跃的＆＃34;班级没有更新。

我已设置demo for the plugin。它包含插件的完整源代码，然后在最后调用它。您可以调整CodePen视口的大小以查看效果并重现问题。