猫头鹰轮播不出现与Laravel 5.8和Bootstrap

时间:2019-05-10 13:53:26

标签: laravel bootstrap-4 owl-carousel

我已经尝试设置猫头鹰传送带了一段时间了,但我读到的答案似乎都无效。因此,我开始怀疑这是根本行不通还是我在这里遗漏了什么。

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

我正在使用带有@yield('content')的laravel应用视图,并在主页上插入了猫头鹰轮播的实际内容。

在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

1 个答案:

答案 0 :(得分:0)

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