Javascript 安装owl转盘时出现的问题
嘿,伙计们,我是web开发的新手,想在页面上安装owl转盘,但什么也没发生。以下是我的代码:Javascript 安装owl转盘时出现的问题,javascript,html,owl-carousel,Javascript,Html,Owl Carousel,嘿,伙计们,我是web开发的新手,想在页面上安装owl转盘,但什么也没发生。以下是我的代码: <section class="showcase"> <div class="owl-carousel"> <div><img src="./9781471407956.jpg" alt=""></div> <div><img src="./9781471407956.jpg" alt=
<section class="showcase">
<div class="owl-carousel">
<div><img src="./9781471407956.jpg" alt=""></div>
<div><img src="./9781471407956.jpg" alt=""></div>
<div><img src="./9781471407956.jpg" alt=""></div>
<div><img src="./9781471407956.jpg" alt=""></div>
</div>
</section>
然后,我已经包括在内头标签的链接作为
<link rel="stylesheet" href="./OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css">
<link rel="stylesheet" href="./OwlCarousel2-2.3.4/dist/assets/owl.theme.default.min.css">
最后,在结束正文之前,我加入了javascript代码:
<script src="./OwlCarousel2-2.3.4/docs/assets/vendors/jquery.min.js"></script>
<script src="./OwlCarousel2-2.3.4/dist/owl.carousel.min.js"></script>
$(document).ready(function(){
$(".owl-carousel").owlCarousel();
});
$(文档).ready(函数(){
$(“.owl carousel”).owlCarousel();
});
我真的需要你的帮助
var owl = jQuery('.owl-carousel');
owl.owlCarousel({
items: 1,
margin: 10,
autoplay: true,
autoPlay: 3000,
nav: false,
dots: false,
autoplayTimeout: 3000,
autoplayHoverPause: true,
loop: true,
});
然后在风格上包括
.owl-item {
float:left
}
css和js文件加载是否成功?为什么
/
不是。/
?如果$.fn.owlCarousel
未定义,请确保按照此示例在控制台中进行检查,或者检查网络选项卡中是否存在任何404错误,因此我已放置以下代码:$(document).ready(function(){var owl=jQuery('.owl carousel');owl.owlCarousel({items:1,margin:10,autoplay:true,autoplay:3000,nav:false,dots:false,autoplayTimeout:3000,autoplayHoverPause:true,loop:true,});});这是正确的代码吗?