Javascript 如果owl第一个项目处于活动状态，如何在主体上添加类；如果最后一个项目处于活动状态，如何删除类？

当owl第一个项处于活动状态时，我尝试在主体上添加一个类，当最后一个子项处于活动状态时删除该类

$('.slider2').owlCarousel({


    loop: false,
    items: 1,
    responsiveClass: true, autoplayHoverPause: true,
    autoplay: false,
    slideSpeed: 800,
    paginationSpeed: 900,
    autoplayTimeout: 3000,
    navText: ["<img src='images/left.png'>", "<img src='images/right.png'>"],
    onChanged: onChangedCallback
});
function onChangedCallback(event) {
    if ($(".slider2 .owl-item:first-child").hasClass("active")) {
        $("body").addClass("back");
    }

    else if ($(".slider2 .owl-item").last().hasClass("active")) {
        $("body").removeClass("next");
    }

}

$（'.slider2'）.owlCarousel({
循环：false，
项目：1，
responsiveClass:true，自动播放悬停：true，
自动播放：错误，
幻灯片速度：800，
分页速度：900，
自动播放超时：3000，
导航文本：[“”，“”]，
onChanged:onChangedCallback
});
函数onChangedCallback（事件）{
if（$（“.slider2.owl项：第一个子项”）.hasClass（“活动”））{
$（“正文”）.addClass（“背面”）；
}
else if（$（“.slider2.owl item”）.last（）.hasClass（“活动”））{
$（“body”）.removeClass（“next”）；
}
}

您使用了错误的Owl回调函数。如果您使用而不是onChange->onDragged，它会起作用

$（'.slider2'）.owlCarousel({
循环：false，
项目：1，
responsiveClass:true，自动播放悬停：true，
自动播放：错误，
幻灯片速度：800，
分页速度：900，
自动播放超时：3000，
导航文本：[“”，“”]，
响应：{
0: {
项目：1
},
360: {
项目：1
},
768: {
项目：2
},
1200: {
项目：5
}
}，onDragged:onChangedCallback
});
函数onChangedCallback（事件）{
if（$（“.slider2.owl项”）.first（）.hasClass（“活动”））{
$（“主体”）.removeClass（“红色”）；
$（“正文”）.addClass（“蓝色”）；
}
else if（$（“.slider2.owl item”）.last（）.hasClass（“活动”））{
$（“正文”）.addClass（“红色”）；
$（“主体”）.removeClass（“蓝色”）；
}
}

.red{
背景：红色；
}
蓝先生{
背景：蓝色；
}
.旋转木马包装{
利润率：90像素自动；
填充：0.5%；
宽度：80%；
位置：相对位置；
}
/*固定转盘上的空白或闪烁项目*/
.猫头鹰转盘.项目{
位置：相对位置；
z指数：100；
-webkit背面可见性：隐藏；
}
/*端部固定*/
.owl导航>分区{
利润上限：-26px；
位置：绝对位置；
最高：50%；
颜色：#cdcbcd；
}
.猫头鹰导航一{
字体大小：52px；
}
.猫头鹰导航.猫头鹰导航{
左：-30px；
}
.猫头鹰导航。猫头鹰下一个{
右：-30px；
}

请发布HTML代码的一部分，以便我们更好地理解上下文。请检查这一部分。event.page.index应该显示显示的是哪张幻灯片。@RamSegev抱歉，我对jqyery了解不多。。你能告诉我在哪里换车吗。。这是我的codepen thanx的演示url。但是我想点击上一个和下一个按钮。。请检查这里。它不能正常工作。当最后一个子元素ki处于活动状态而不是红色不应用时，则在操作完成之前执行onTranslated:）onChanged回调函数。onTranslated是在操作完成后执行的如果我能帮忙的话很好。如果我能给你正确的答案，请标记为答案：）