Owlcarousel 版本 2.3.4 和自定义 owl carousel addClassActive 不工作
Owlcarousel version 2.3.4 and custom owl carousel addClassActive not working
我有问题。我正在使用 owl 旋转木马 v2.3.4,我创建了一个自定义 owl 点。自定义点有效,但 addClassActive 无效。这是我的例子:
var action = false, clicked = false;
var Owl = {
init: function() {
Owl.carousel();
},
carousel: function() {
var owl;
$(document).ready(function() {
owl = $('.testimonial_slider').owlCarousel({
items : 1,
center : true,
autoplay : true,
nav : false,
dots : true,
addClassActive : true,
loop : true,
margin : 10,
dotsContainer : '.custom_owl_carousel',
});
$('.owl-next').on('click',function(){
action = 'next';
});
$('.owl-prev').on('click',function(){
action = 'prev';
});
$('.custom_owl_carousel').on('click', 'li', function(e) {
owl.trigger('to.owl.carousel', [$(this).index(), 300]);
});
});
}
};
Owl.init();
我有这个解决方案。我已删除此
$(document).ready(function() {
行。有效。
我有问题。我正在使用 owl 旋转木马 v2.3.4,我创建了一个自定义 owl 点。自定义点有效,但 addClassActive 无效。这是我的例子:
var action = false, clicked = false; var Owl = { init: function() { Owl.carousel(); }, carousel: function() { var owl; $(document).ready(function() { owl = $('.testimonial_slider').owlCarousel({ items : 1, center : true, autoplay : true, nav : false, dots : true, addClassActive : true, loop : true, margin : 10, dotsContainer : '.custom_owl_carousel', }); $('.owl-next').on('click',function(){ action = 'next'; }); $('.owl-prev').on('click',function(){ action = 'prev'; }); $('.custom_owl_carousel').on('click', 'li', function(e) { owl.trigger('to.owl.carousel', [$(this).index(), 300]); }); }); } }; Owl.init();
我有这个解决方案。我已删除此
$(document).ready(function() {行。有效。