无法在 laravel 5.6 中使用 owl 轮播

Question

我正在尝试在 laravel 5.6

中使用 owl 轮播

我在布局模板的页眉和页脚部分包含了以下内容

layouts/app.blade.php

    <head>
    <link rel="stylesheet" href="{{ asset('js/owlcarousel/dist/assets/owl.carousel.min.css') }}">
    <link rel="stylesheet" href="{{ asset('js/owlcarousel/dist/assets/owl.theme.default.min.css') }}">
    </head>

    <body>
    <script src="{{ asset("js/jquery/dist/jquery.min.js") }}"></script>
    <script src="{{ asset("js/owlcarousel/dist/owl.carousel.min.js") }}"></script>
   </body>

我在欢迎中添加了以下内容。blade.php

<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 type="text/javascript">
        $(document).ready(function(){
          $(".owl-carousel").owlCarousel();
        });
    </script>

我没有看到任何滑块。我在开发人员工具控制台中看到一个错误

Uncaught ReferenceError: $ is not defined

如何解决？

Answer 1

问题出在 bootstrap 4 上。但是它在 bootstrap 4.1 上运行良好。因此关闭这个问题。

希望对您有所帮助！

Answer 2

你应该 link JQuery 首先像这样：

<script src="jquery.js" type="text/javascript"></script>

无法在 laravel 5.6 中使用 owl 轮播

Unable to use owl carousel in laravel 5.6

owl-carousel

laravel-5

owl-carousel-2