我正在使用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。
你有什么建议吗?
感谢您的时间。