Question

我希望一次滑动2个滑块的内容，就像this fiddle一样，只有一个“上一个”和“下一个”按钮。但我不确定如何将点击事件分配给猫头鹰轮播中的上一个/下一个按钮。

这是我的笔：https://codepen.io/anon/pen/POqazz

任何人都可以更正此代码：

 $('.owl-next').click(function() {
    owl.trigger('next.owl.carousel');
})

Answer 1

我的猫头鹰旋转木马版本遇到了一些问题，但它正在运转。这里https://codepen.io/anon/pen/POqBje?editors=1111

 $(document).ready(function(){

  var o2 = $('#c2')
  o2.owlCarousel({
    items:1,
    singleItem:true,
    loop:true,
    margin:10,    
    //dots:false,
    pagination:false,
    navigation :true,
    touchDrag: true,
    mouseDrag: false,
    afterMove: function (elem) {
      var current = this.currentItem;
      o1.trigger('owl.goTo',current);
    }
});

    var o1 = $('#c1');
    o1.owlCarousel({
    items:1,
    singleItem:true,
    loop:true,
    margin:10,    
    //dots:false,
    pagination:false,
    navigation :true,
    touchDrag: true,
    mouseDrag: false,
    afterMove: function (elem) {
      var current = this.currentItem;
      o2.trigger('owl.goTo',current);
    }
});




});

Owl Carousel：如何同时滑动两个旋转木马滑块？

1 个答案: