Question

我正在使用OwlCarousel v2.1.6 我想基于一些用户交互来启用/禁用一个选项。更具体地说，我想启用禁用mouseDrag功能。我尝试了针对其他类似问题的解决方案，但没有一个起作用。

我创建了一个jsFiddle，其中有一些尝试。如果有人能够解决这个问题，将不胜感激，也许我只是想念一些显而易见的东西。

下面的代码

<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（我也尝试过使用最新版本，但仍然无法正常工作）

初始化后无法在不破坏实例的情况下更改mouseDrag选项（owlCarousel 2）

0 个答案: