jquery - 图像 slider 中的元素符号导航

Question

在下面的代码中，当我单击任何项​​目符号时，它将以该元素符号 ID 开头，紧接着它将以第一个图像开始表示从头开始。如果我在第二个 bullet 之后单击第二个 bullet 循环将从 3 开始，你能以这种方式更新代码吗？这意味着单击后的下一个。

这是我的 Demo

 <ul>
            <li><a href="#" class="1" data-slide="1">1</a></li>
            <li><a href="#" class="2" data-slide="2">2</a></li>
            <li><a href="#" class="3" data-slide="3">3</a></li>
            <li><a href="#" class="4" data-slide="4">4</a></li>
        </ul>

Answer 1

在检查您的 fiddle 时，我注意到您的变量“id”被存储为一个字符串，并且在您的 showSlide 函数中您试图在此处连接一个字符串和一个整数:

sliderNext = id + 1;

这意味着您分配给全局变量 sliderNext 的值将类似于 21 或 31 或 41。因此当您调用 startSlider 时，此逻辑将始终计算为 True:

if(sliderNext > count){
   sliderNext = 1; // set to beginning after completion of slides list
   sliderInt = 1; // set the Integer number back to 1 also
}

基本上每次都将值重置回 1。您可以在“id”变量上使用类似 parseInt 的东西，然后它应该可以正常工作。