Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 如何在owl转盘中使用事件_Php_Html_Css_Owl Carousel - Fatal编程技术网

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) {
     }
 });