Javascript 向页面添加多个滑块

我正在使用非滑动图像滑块

我想在页面上添加第二个滑块。问题在于，slider__1和slider__2的navigation.arrows类是相同的

我的问题是如何添加第二个滑块

多谢各位

$function{ $'.slider\uuuu 1、.slider\uuu 2'.unslider{ 自动播放：错误， 关键字：false， 圆点：错 }; }; 变量unslider=$'.slider__1'.unslider； $'.arrows'。单击函数{ var fn=this.className.split'[1]； 不滑动。数据“不滑动”[fn]；

---

}; 尝试以下方法：

1为每组箭头添加单独的类，如下所示：

对于滑块1：

<a href="#" class="arrows prev unslider1">Previous slide</a>
<a href="#" class="arrows next unslider1">Next slide</a>

---

希望，这将对您有所帮助。

箭头是否放在滑块内？如果是这样的话，您可以将它们作为目标：。滑块2。箭头谢谢。我现在可以瞄准箭头了，但是我不能在代码中添加第二个滑块。

<a href="#" class="arrows prev unslider2">Previous slide</a>
<a href="#" class="arrows next unslider2">Next slide</a>

var unslider1 = $('.slider__1').unslider();
var unslider2 = $('.slider__2').unslider();
$('.arrows').click(function() {
  var fn = this.className.split(' ')[1];
  var sliderRef = this.className.split(' ')[2];
  var unslider = null;
  if(sliderRef  == "unslider1")
      unslider = unslider1 ;
  else
      unslider = unslider2 ;

  unslider.data('unslider')[fn]();
});