Laravel 5.4和Slick旋转木马

时间:2017-07-29 14:25:00

标签: jquery laravel laravel-5.4 slick.js

我正在使用laravel 5.4,我想使用slick.js在页面顶部创建一个滑块。

但我不断收到消息:

Uncaught TypeError: $(...).slick is not a function
    at HTMLDocument.<anonymous> ((index):243)
    at j (jquery.min.js:2)
    at k (jquery.min.js:2)

在结束</body>标记之前,它位于我的主模板的底部:

<!-- Scripts -->
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
@yield('script')
<script src="{{ asset('js/app.js') }}"></script>

这是在我的页面视图底部的脚本部分:

@section('script')
    <script type="text/javascript">
        $(document).ready(function () {
            $('.home-slider').slick({
                arrows: false,
                dots: true
            });
        });
    </script>
@endsection

.home-slider是一个包含图像的div的div。在所有脚本之前加载jQuery 3.2.1。

你有什么建议吗?

感谢您的时间。

0 个答案:

没有答案