En construisant le carrousel, je me suis rendu compte qu'un hibou ajoute les doublons clonés. Ma configuration de hibou ressemble à ceci. Comment puis-je empêcher cela de se produire.
owlDfe.owlCarousel({
loop: false,
autoWidth:false,
nav:false,
responsiveClass:true,
responsive:{
0:{
items:sizes.mobile_portrait
},
568:{
items:sizes.mobile_landscape
},
768:{
items:sizes.ipad
},
800:{
items:sizes.desktop
},
1000:{
items:sizes.desktop,
}
}
});
J'ai eu ce problème - J'ai trouvé que le fait de définir l'option de boucle sur false le résolvait pour moi.
jQuery('.owl-carousel2').owlCarousel({
loop:false,
margin:10,
nav:true,
mouseDrag:false,
responsive:{
0:{
items:1
},
600:{
items:3
},
1000:{
items:3
}
}
})
});
Make loop false et cela fonctionne sans créer d'éléments clonés
Donc, je me suis cogné la tête sur ce problème de clonage en transmettant des événements de clic à la diapositive clonée ...
ce qui a finalement été résolu pour moi est de définir ces deux valeurs de configuration:
loop: false,
rewind: true
Cela permettra au carrousel de continuer à tourner mais pas de dupliquer les diapositives.
Dans mon cas, j'ai découvert que lorsque j'ajoutais items: 4
, mais que le nombre d'éléments était inférieur à cela, le clonage était dupliqué.