javascript - 定义两个具有相同参数的变量

Question

有没有办法定义两个具有相同参数的变量，这样我就不必重复代码？

 var owl_first = $('.owl-carousel-first');
 var owl_second = $('.owl-carousel-second');

这将对两者重复(如果我不单独定义它们，Owl carousel 将不起作用)。

 owl_first.owlCarousel({
  loop:true,
  margin:30,
  nav:false,
  dots: false,
  autoplay:true,
  autoplayTimeout:5000,
  autoplayHoverPause:true,
  responsive:{
    0:{
      items:1
    },
    600:{
      items:3
    } 
  }
})

Answer 1

Use , while selecting multiple elements(Also known as Multiple Selector)

var owl = $('.owl-carousel-first,.owl-carousel-second');
owl.owlCarousel({
  loop: true,
  margin: 30,
  nav: false,
  dots: false,
  autoplay: true,
  autoplayTimeout: 5000,
  autoplayHoverPause: true,
  responsive: {
    0: {
      items: 1
    },
    600: {
      items: 3
    }
  }
})

注意:您必须为这两个元素初始化widget才能使owlCarousel工作!