使用相同参数定义两个变量

Question

有没有办法用相同的参数定义两个变量，所以我不必重复代码？

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

这两个都会重复（如果我不单独定义它们，Owl轮播不起作用）。

 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

  

选择多个元素时使用,（也称为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
    }
  }
})

注意：您必须为elements初始化小部件以使owlCarousel正常工作！

Answer 2

如果你想要定义多个变量而不必在每个变量之前写var，你可以去

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

如果你想拥有多个jQuery选择器，你可以按照Rayon的说法进行操作。