Question

在下面的代码中，当我点击任何一个子弹时，它将从该子弹ID开始，就在它开始后，第一个图像意味着从头开始。如果我点击第二个项目符号，第二个循环将从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

通过你的小提琴，我注意到你的变量＆＃39; id＆＃39;是一个存储为字符串，在你的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。你可以在＆＃39; id＆＃39;上使用像parseInt这样的东西。变量然后它应该工作正常。

图像滑块中的子弹导航

1 个答案: