owlCarousel 无法正常工作，它不会移动，我也无法前进页面

Question

旋转木马不动，它已经初始化，检查库是否完好；但即便如此，它也不会自行移动，也不会通过触摸按钮来移动。

我有最新版本的 owlCarousel 和 jquery 库。

我尝试更新库，也尝试使用最小库和普通库。我没有取得任何进展。

PD：我正在使用波尔图主题。

scripts imports

CSS imports

Carousel Image

元素轮播：

<div class="owl-carousel owl-theme dots-morphing">
    <div>
      <img class="img-fluid" src="{{ asset('img/shipex/carrucel/Aliexpress.png')}}" alt="">
    </div>
    <div>
      <img class="img-fluid" src="{{ asset('img/shipex/carrucel/Amazon.png')}}" alt="">
    </div>
    <div>
      <img class="img-fluid" src="{{ asset('img/shipex/carrucel/Boxycharm.png')}}" alt="">
    </div>
    <div>
      <img class="img-fluid" src="{{ asset('img/shipex/carrucel/Carters.png')}}" alt="">
    </div>
    <div>
      <img class="img-fluid" src="{{ asset('img/shipex/carrucel/Colourpop.png')}}" alt="">
    </div>
    <div>
      <img class="img-fluid" src="{{ asset('img/shipex/carrucel/Ebay.png')}}" alt="">
    </div>
    <div>
      <img class="img-fluid" src="{{ asset('img/shipex/carrucel/Etsy.png')}}" alt="">
    </div>
    <div>
      <img class="img-fluid" src="{{ asset('img/shipex/carrucel/HotTopic.png')}}" alt="">
    </div>
    <div>
      <img class="img-fluid" src="{{ asset('img/shipex/carrucel/Ipsy.png')}}" alt="">
    </div>
    <div>
      <img class="img-fluid" src="{{ asset('img/shipex/carrucel/Macys.png')}}" alt="">
    </div>
    <div>
      <img class="img-fluid" src="{{ asset('img/shipex/carrucel/Rakuten.png')}}" alt="">
    </div>
    <div>
      <img class="img-fluid" src="{{ asset('img/shipex/carrucel/Shein.png')}}" alt="">
    </div>
    <div>
      <img class="img-fluid" src="{{ asset('img/shipex/carrucel/VictoriaSecrets.png')}}" alt="">
    </div>
    <div>
      <img class="img-fluid" src="{{ asset('img/shipex/carrucel/Walmart.png')}}" alt="">
    </div>
    <div>
      <img class="img-fluid" src="{{ asset('img/shipex/carrucel/Wish.png')}}" alt="">
    </div>
  </div>

初始化：

(function ($) {

'use strict';

/*
Carousel
*/
$('.owl-carousel').owlCarousel({
    autoplay: true,
    autoPlaySpeed: 5000,
    autoPlayTimeout: 5000,
    autoplayHoverPause: true,
    loop: true,
    navText: [],
    responsive:{
        768:{
            items: 5,
        }
    },
    margin: 10,
    autoWidth: false,
    items: 5,
    rtl: ($('html').attr('dir') == 'rtl') ? true : false
});

/*
Videos
*/
$('#videos').owlCarousel({
    items: 1,
    merge: true,
    loop: true,
    margin: 10,
    video: true,
    lazyLoad: true,
    center: true,
    responsive: {
        480: {
            items: 2
        },
        600: {
            items: 4
        }
    },
    rtl: ($('html').attr('dir') == 'rtl') ? true : false
});
}).apply(this, [jQuery]);

Answer 1

你在初始化 jquery '(function ($)' => '$(function()' 时遇到的问题

$(function(){

  'use strict';

  //your code here

});