我已经尝试设置猫头鹰传送带了很长一段时间,但我读到的答案似乎都无效。因此,我开始怀疑它是否只是行不通,还是我在这里遗漏了什么?
我几乎尝试了所有可能找到的解决方案,但没有使其运行...
我正在使用带有@yield('content')的laravel应用程序视图,并在主页上将实际内容与猫头鹰轮播一起插入。
在blade.app文件中,我像这样链接了所有脚本和css文件:
<script src="{{ asset('js/app.js') }}" defer></script>
<script src="{{ asset('js/jquery.min.js') }}" defer></script>
<script src="{{ asset('js/owl.carousel.min.js') }}" defer></script>
<script>
$(document).ready(function(){
$('.owl-carousel').owlCarousel({
loop:true,
margin:10,
nav:true,
autoPlay: 1000,
items:10,
responsive:{
0:{
items:1
},
600:{
items:3
},
1000:{
items:10
}
}
});
});
</script>
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<link href="{{ asset('css/style.css') }}" rel="stylesheet">
<link href="{{ asset('css/owl.carousel.min.css') }}" rel="stylesheet">
<link href="{{ asset('css/owl.theme.default.min.css') }}" rel="stylesheet">
<link href="{{ asset('css/owl.theme.green.min.css') }}" rel="stylesheet">
当我加载页面时,将显示注释。我尝试了其他一些自举旋转木马,它们似乎也可以用,但是我喜欢这个,因为它具有可拖动的元素并且看起来很酷...
这是编辑器中的外观:app.blade.php page
删除延迟并通过使用正确的链接重试,有时可能链接的格式必须不正确。