![](/img/trans.png)
[英]How do I modify the bootstrap carousel javascript file so that it can trigger this function?
[英]I want to modify my javascript so that I can put each carousel on how many items to be shown
在我的主页中,我使用了一个JavaScript轮播函数,即owl carousel。 但是,我的主页上只有五个轮播。 我想要的是修改JavaScript,以便可以将每个轮播放在要显示的项目数上。 这是我的JavaScript:
$(document).ready(function() {
$(".owl-carousel").owlCarousel(
{
autoplay: true,
autoplayHoverPause: true,
loop: true,
margin:2,
autoplayTimeout: 2000,
autoplayHoverPause: true,
responsiveClass: true,
loop: true,
responsive: {
0: {
items: 1
},
568: {
items: 2
},
600: {
items: 3
},
1000: {
items: 4
}
}
});
如果我正确理解了您的问题,那么您应该执行以下操作:
const carousels = document.querySelectorAll('.owl-carousel');
carousels.forEach((carousel) => {
$(carousel).owlCarousel({
autoplay: true,
autoplayHoverPause: true,
loop: true,
margin: 2,
autoplayTimeout: 2000,
autoplayHoverPause: true,
responsiveClass: true,
loop: true,
responsive: {
0: {
items: 1,
},
568: {
items: 2,
},
600: {
items: 3,
},
1000: {
items: 4,
},
},
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.