Я пытаюсь реализовать OWL carousal с помощью Bootstrap 4.
Моя проблема заключается в этой функции:
$(".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
при нажатии на верхние ссылки этот код работает, но только один раз.В первый раз все три вкладки отображаются отлично, а во второй раз - нет.Я не понимаю, где я делаю ошибку, пожалуйста, помогите мне