Laravel 5.8 和 Bootstrap 没有出现猫头鹰轮播

Question

我已经尝试设置 owl carousel 很长一段时间了，但我阅读的所有答案似乎都不起作用。所以，我开始怀疑它是否根本不起作用，或者我在这里遗漏了什么。

我尝试了几乎所有我能找到的可能的解决方案，但没有让它运行......

我正在使用带有 @yield('content') 的 laravel 应用程序视图，并且在主页上我将实际内容与 owl carousel 一起插入。

在 Blade.app 文件中，我像这样链接了所有脚本和 css 文件：

<script src="{{ asset('js/app.js') }}" defer></script>
<script src="{{ asset('js/jquery.min.js') }}" defer></script>
<script src="{{ asset('js/owl.carousel.min.js') }}" defer></script>

<script>
    $(document).ready(function(){
        $('.owl-carousel').owlCarousel({
    loop:true,
    margin:10,
    nav:true,
    autoPlay: 1000,
     items:10,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:10
        }
    }
});
    });
</script>


<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<link href="{{ asset('css/style.css') }}" rel="stylesheet">
<link href="{{ asset('css/owl.carousel.min.css') }}" rel="stylesheet">
<link href="{{ asset('css/owl.theme.default.min.css') }}" rel="stylesheet">
<link href="{{ asset('css/owl.theme.green.min.css') }}" rel="stylesheet">

当我加载页面时，会出现注释。我尝试了其他一些引导轮播，它们似乎可以工作，但我喜欢这个，因为它具有可拖动的元素并且看起来很酷......

这是它在编辑器中的样子： app.blade.php page

carousel page

Answer 1

删除延迟并使用正确的链接重试，有时可能是链接格式不正确。