Как добавить OwlCarousel в проект laravel? - PullRequest
Новая
       53

Как добавить OwlCarousel в проект laravel?

1 голос
/ 04 февраля 2020

Невозможно добавить OwlCarousel в проект laravel, и он не работает. Что мне делать?

Я скопировал owl.carousel.min.css и owl.theme.default.min.css и owl.carousel.min.js и owlcarousel папку, которая была помещена в тот же каталог, в котором находился файл view.blade.php.

My код: 

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Laravel</title>

    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Nunito:200,600" rel="stylesheet">

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

    <link rel="stylesheet" href="owlcarousel/owl.carousel.min.css">
    <link rel="stylesheet" href="owlcarousel/owl.theme.default.min.css">
</head>
<body>
<div class="owl-carousel">
    <div> Your Content</div>
    <div> Your Content</div>
    <div> Your Content</div>
    <div> Your Content</div>
    <div> Your Content</div>
    <div> Your Content</div>
    <div> Your Content</div>
</div>
<script>
    $(document).ready(function () {
        $(".owl-carousel").owlCarousel();
    });
</script>
<script src="owlcarousel/owl.carousel.min.js"></script>
</body>
</html>

1 Ответ

2 голосов
/ 04 февраля 2020

Вот правильный путь: 

<script type="text/javascript" src="{{ URL::asset('js/owl.min.js') }}"></script>

Функция URL :: asset () создает необходимый URL для вас. То же самое для css: 

<link rel="stylesheet" href="{{ URL::asset('css/owl.css') }}" />

Вы должны поместить папку owlcarousel в папку laravel app/public, а не в папку представлений. Надеюсь, это поможет.

...