Eulenkarussell 2 Mausradschieber

Question

Gibt es eine Möglichkeit, nur einen der Eulenkarussellschieber am Mausrad zu scrollen? Wenn ich auf die vorherige oder nächste btn klicke, ist es nur das aktuelle Karussell, aber auf dem Mausrad gleitet alles!

HTML

<div class="owl-carousel"> 
    <div class="item"> 
     item 
    </div> 
    <div class="item"> 
     item 
    </div> 
    <div class="item"> 
     item 
    </div> 
</div> 

JS

$('.owl-carousel').owlCarousel({ 
    loop: true, 
    margin: 30, 
    nav: true, 
    responsiveClass: true, 
    responsive: { 
     0: { 
     items: 1 
     }, 
     600: { 
     items: 2 
     }, 
     1000: { 
     items: 3 
     } 
    } 
}); 
var owl = $('.owl-carousel'); 
owl.on('mousewheel', '.owl-stage', function(e) { 
    if (e.deltaY > 0) { 
     owl.trigger('next.owl'); 
    } else { 
     owl.trigger('prev.owl'); 
    } 
    e.preventDefault(); 
}); 

jsfiddle

Answer 1

Nun, in Ihrem Code owl = $('.owl-carousel') wird alle Knoten mit Klasse owl-carousel greifen. Wenn also das Ereignis mousewheel auftritt, wird das Scrollen aller Folien ausgelöst. Sie müssen sich also auf den aktuell fokussierten Schieberegler beziehen und nur Ereignisse dieses Schiebereglers auslösen. Hoffe das behebt Ihr Problem. jsfiddle