Карусель совы не появляется с Laravel 5.8 и Bootstrap - PullRequest
Новая
       26

Карусель совы не появляется с Laravel 5.8 и Bootstrap

0 голосов
/ 10 мая 2019

Я уже давно пытаюсь настроить карусель для сов, и ни один из ответов, которые я прочитал, похоже, не работает. Итак, я начал задаваться вопросом, просто ли это не сработает или я что-то здесь упускаю.

Я попробовал практически все возможные решения, которые смог найти, но не запустил его ...

Я использую представление приложения laravel с @yield ('content'), и на главной странице я вставляю фактический контент вместе с совой-каруселью.

В файле 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

страница карусели

...