我想修改我的JavaScript，以便可以將每個輪播放在要顯示的項目數上

Question

在我的主頁中，我使用了一個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
      }
    }
  });

Answer 1

如果我正確理解了您的問題，那么您應該執行以下操作：

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,
            },
        },
    });
});