Html 如何使用猫头鹰转盘？

如何在模板html中使用任何owl.carousel

这是我的消息来源。我重复cod，但不起作用：

1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12

。。。 这是我的来源：[

检查一下：您需要在您的旋转木马上单独设置“owl carousel”类，其中有许多是独立的

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

    $('.owl-two').owlCarousel({
        loop:true,
        margin:10,
        nav:true,
        responsive:{
            0:{
                items:1
            },
            600:{
                items:2
            },
            1000:{
                items:3
            }
        }
    });

    $('.owl-three').owlCarousel({
        loop:true,
        margin:10,
        nav:true,
        responsive:{
            0:{
                items:1
            },
            600:{
                items:2
            },
            1000:{
                items:3
            }
        }
    });
});

或者，如果它们都具有相同的设置，您可以使用：

$(".owl-carousel").each(function(){
    $(this).owlCarousel({
      loop:true,
        margin:10,
        nav:true,
        navText: ['next','prev'],
        responsive:{
            0:{
                items:1
            },
            600:{
                items:1
            },
            1000:{
                items:1
            }
        }
    });
  });

$(".owl-carousel").each(function(){
    $(this).owlCarousel({
      loop:true,
        margin:10,
        nav:true,
        navText: ['next','prev'],
        responsive:{
            0:{
                items:1
            },
            600:{
                items:1
            },
            1000:{
                items:1
            }
        }
    });
  });