Question

我正在尝试在laravel 5.6中使用猫头鹰轮播

我已经在布局模板的页眉和页脚部分添加了以下内容

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>

我已经在welcome.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

问题与引导程序4有关。但是在引导程序4.1中工作正常。因此结束了这个问题。

希望有帮助！

Answer 2

您应首先链接JQuery，如下所示：

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

无法在Laravel 5.6中使用猫头鹰轮播

2 个答案: