Javascript 如何在一个滑块中同步两个列表的状态？

我创建了一个由图标引导的水平旅行。稍后，每个图标将包含一些信息

通过单击箭头，游客可以引导自己完成旅程：

如何同步图像内的图标和下面的按钮，同时使下面的按钮也可单击

目前，我使用

.next（）

和

.prev（）

来触发箭头导航：

var nextIcon = function() {
  var windowWidth = $('#image-holder').width();
  var current = $('#image').find('.current');
  var next = current.next();
  current.removeClass('current');
  next.addClass('current');
  var offsetLeft = - (next.position().left) + (windowWidth / 2);
  $('#image').css({"margin-left": offsetLeft});
}

这对下面的按钮不起作用，例如，我可以在单击时从第一个图标跳到第四个图标

---

我在滑块中看到了很多使用

I++

的“索引”，但不知道如何采用或创建它。这对我的案例来说是个好主意吗？

我通过索引元素，使用类似的方法解决了这个问题。使用jQuery

.eq（）

可以很容易地浏览我的元素

---

我是用

得出这个主意的，你试过用模数把数字循环回来吗？i、 e.

i=（i+1）%slides的数量

。至于同步部分，只需操作相同的迭代器

i