微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

猫头鹰轮播随机顺序并保持响应

如何解决猫头鹰轮播随机顺序并保持响应

我有一个具有响应设置的Owl Slider,但是一旦添加代码随机幻灯片,似乎所有的滑块设置都被设置为认值-导航可见性,响应性等。

(function ($) {
// Random
  var owl = $('.intro-slider');
  owl.owlCarousel({
      onInitialize : function(element){
          owl.children().sort(function(){
              return Math.round(Math.random()) - 0.5;
          }).each(function(){
              $(this).appendTo(owl);
          });
      },});

  
  // Intro SLider
  $('.intro-slider').owlCarousel({


    center: false,loop: true,stagePadding: 0,margin: 0,smartSpeed: 1000,autoplay: true,autoplayHoverPause: false,dots: false,nav: false,responsive: {
      0: {
        items: 3
      },768: {
        items: 1
      },1000: {
        items: 1
      }
    }

  });
}```

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。