Я использую OwlCarousel v2.1.6
Я хочу включить / отключить опцию, основанную на некоторых взаимодействиях с пользователем. Чтобы быть более конкретным, я хочу включить отключить функциональность mouseDrag.
Я пробовал решения, нацеленные на другие подобные вопросы, но ни один не работает.
Я создал jsFiddle, где есть несколько моих попыток. Если кто-то сможет решить эту проблему, это будет оценено. Может быть, я просто упускаю что-то очевидное.
https://jsfiddle.net/ny9vrLq7/
код ниже
<div class="owl-carousel">
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
</div>
$(document).ready(function(){
$(".owl-carousel").owlCarousel();
setTimeout(function() {
console.log("timeout ran!");
// this doesn't work (throws exception)
/*$('.owl-carousel').trigger('change.owl.carousel', {
mouseDrag: false
});*/
// this does nothing
/*$('.owl-carousel').data('owl.carousel').options.mouseDrag = false;
$('.owl-carousel').trigger('refresh.owl.carousel');*/
// this does nothing
/*$('.owl-carousel').trigger('change', { property: { name: 'mouseDrag', value: false } });*/
// this does nothing
/*$('.owl-carousel').trigger('changeOption.owl.carousel', {
mouseDrag: false
});*/
// this does nothing
/*var owl = $(".owl-carousel");
var carousel = owl.data('owl.carousel');
carousel.settings.mouseDrag = false;
carousel.options.mouseDrag = false;
owl.trigger('refresh.owl.carousel');*/
}, 2500);
});
.owl-carousel div {
background-color: green;
border: 1px solid blue;
width: 300x;
height: 300px;
}
.owl-dots {
display:none;
}
Я не могу уничтожить экземпляр owlCarousel из-за того, как написана другая часть программного обеспечения.
пытаюсь с Chrome v75 (рабочий стол)
owlCarousel v2.1.6 (я пробовал также с последней версией, и все еще не могу заставить его работать)