Php 如何在owl转盘中使用事件
我的网页中有三个滑块。我为我的第二个滑块编写了一个事件。但它把这个事件交给了第一个。我怎样才能把这个活动交给第二个呢Php 如何在owl转盘中使用事件,php,html,css,owl-carousel,Php,Html,Css,Owl Carousel,我的网页中有三个滑块。我为我的第二个滑块编写了一个事件。但它把这个事件交给了第一个。我怎样才能把这个活动交给第二个呢 $('#owl three').on('.initialized.owl.carousel translate.owl.carousel',函数(e){ idx=e.item.index; $('.owl item.big').removeClass('big'); $('.owl item.medium').removeClass('medium'); $('.owl item
$('#owl three').on('.initialized.owl.carousel translate.owl.carousel',函数(e){
idx=e.item.index;
$('.owl item.big').removeClass('big');
$('.owl item.medium').removeClass('medium');
$('.owl item.dir').removeClass('dir');
$('.owl item.small').removeClass('small');
$('.owl item').eq(idx+3).addClass('medium');
$('.owl item').eq(idx+1).addClass('medium');
$('.owl item').eq(idx+2).addClass('big');
$('.owl item').eq(idx).addClass('small');
$('.owl item').eq(idx+4).addClass('small');
$('.owl item').eq(idx+4).addClass('dir');
});
使您的html如下所示
<div class="owl-carousel owl-theme" id="#owl-three">
<div class="item" data-dot="1"><h4>1</h4></div>
<div class="item" data-dot="2"><h4>2</h4></div>
<div class="item" data-dot="3"><h4>3</h4></div>
</div>
$('#owl-three').on('changed.owl.carousel', function(event) {
var currentSlide = $('div.active').find('.item').data('dot');
if(currentSlide == 2) {
}
});