Question

我正在尝试使用回拨来更新它的中心选项的猫头鹰轮播。

$('.owl-carousel').owlCarousel({
    center: callback
});
function callback() { 
    if ( $('.owl-item .item').length == 1 ){
        return true; 
    }
    return false;

猫头鹰项目长度是正确的。但它没有更新中心选项。有没有更好的正确做到这一点。

Answer 1

Owlcarousel中心选项只是期望true或false，布尔回调将起作用，但删除event参数。

$('.owl-carousel').owlCarousel({
        loop: true,
        margin: 10,
        center: function() {
          if ($('.owl-item .item').length == 1) {
            return true;
          }
          return false;
        },
      });

这样做：

＆＃13;

jQuery(document).ready(function($) {
  $('.loop2').owlCarousel({
    loop: true,
    margin: 10,
    center: function() {
      if ($('.owl-item .item').length == 1) {
        return true;
      }
      return false;
    },
  });

});

＆＃13;

<link href="http://www.owlcarousel.owlgraphic.com/assets/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />

<link href="http://www.owlcarousel.owlgraphic.com/assets/owlcarousel/assets/owl.theme.default.min.css" rel="stylesheet" />
<link href="http://www.owlcarousel.owlgraphic.com/assets/css/docs.theme.min.css" rel="stylesheet" />

<script src="http://www.owlcarousel.owlgraphic.com/assets/vendors/jquery.min.js"></script>
<script src="http://www.owlcarousel.owlgraphic.com/assets/owlcarousel/owl.carousel.js"></script>

<div id="demos">


  <div class="loop2 owl-carousel">
    <div class="item">
      <h4>1</h4>
    </div>
  </div>

</div>

＆＃13;

获取图像项目计数并更新owl carousel 2中的中心选项

1 个答案: