JavaScript函数正常运行，但仅限第一次：Owl Carousal + bootstrap Tabs

Question

我正在尝试通过Bootstrap 4实现OWL转换。

我的问题是这个功能：

$(".casestudy-tab .threecol").owlCarousel({
        pagination: !1,
        navigation: !0,
        rewindNav: !1,
        responsive: !0,
        items: 4,
        itemsDesktop: [1199, 4],
        itemsDesktopSmall: [980, 2],
        itemsTablet: [768, 2],
        itemsMobile: [500, 1],
        afterAction: t
    });

$(".casestudy-tab .threecol li").click(function () {
    $(".casestudy-tab .threecol li").toggleClass("active");
});

function t() {
    $(this.owl.owlItems)
        .find("li").removeClass("active"),
        $(this.owl.owlItems[this.owl.currentItem])
            .find("li").addClass("active"),
        $(this.owl.owlItems[this.owl.currentItem])
            .find("li").find("a").click();
}

在此处找到代码笔链接：https://codepen.io/atulraj89/pen/YRBvgo

单击上部链接时，此代码有效，但只有一次。第一次，所有三个标签均显示完美，但第二次则没有。 我没有走错地方，请帮助我