gpt4 book ai didi

javascript - OwlCarousel2 显示空白幻灯片,而其他所有 HTML 标签都正常显示

转载 作者:行者123 更新时间:2023-11-28 14:42:11 25 4
gpt4 key购买 nike

我一直在尝试修复它,但没有找到任何可能有帮助的解决方案。我一直在关注官方安装文档。我的Owlcarousel2版本是2.3.4,我试过其他版本,都是一样的。 OwlCarousel old 工作正常但 Owlcarousel2 不是。这是我的 HTML

<html>
<head>

<link href="OwlCarousel/assets/owl.theme.default.min.css" rel="stylesheet" />
<link href="OwlCarousel/assets/owl.carousel.min.css" rel="stylesheet" />

<script>

$(document).ready(function() {
$('.owl-carousel').owlCarousel({
$('.owl-carousel').owlCarousel({
loop:true,
margin:10,
nav:true,
responsive:{
0:{
items:1
},
600:{
items:3
},
1000:{
items:5
}
}
})

</script>

<style>#owl-demo .item {
border:solid;
margin: 3px;
}
</style>

</head>

</html>
<body>
<h1>Owl</h1>
<div class="owl-carousel owl-theme">
<div class="item"><img src="images/FEATURE1.PNG"></div>
<div class="item"><img src="images/FEATURE2.PNG"></div>
<div class="item"><img src="images/FEATURE3.PNG"></div>
<div class="item"><img src="images/FEATURE4.PNG"></div>
<div class="item"><img src="images/FEATURE5.PNG"></div>
<div class="item"><img src="images/FEATURE6.PNG"></div>

</div>

<h1>Owl</h1>

<script src="OwlCarousel/owl.carousel.js"></script>
<script src="OwlCarousel/jquery.min.js"></script>
</body>

<h1>Owl</h1>正在显示,但类 .owl-carousel 的数据是看不见的

最佳答案

我想你放了一个双$('.owl-carousel').owlCarousel({..})

改用这个:

<script>
$(document).ready(function() {
$('.owl-carousel').owlCarousel({
loop:true,
margin:10,
nav:true,
responsive:{
0:{
items:1
},
600:{
items:3
},
1000:{
items:5
}
}
});
});

</script>

关于javascript - OwlCarousel2 显示空白幻灯片,而其他所有 HTML 标签都正常显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52733706/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com