定义两个具有相同参数的变量答案

【问题标题】：Define two variables with same parameters定义两个具有相同参数的变量
【发布时间】：2016-04-21 07:40:04
【问题描述】：

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

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

这只会对两者重复（如果我不单独定义它们，猫头鹰轮播不起作用）。

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

【问题讨论】：

标签： javascript json owl-carousel

【解决方案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 初始化 widget 以使 owlCarousel 工作！

【讨论】：

【解决方案2】：

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

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

如果你想拥有多个 jQuery 选择器，你可以按照 Rayon 说的来。

【讨论】：