javascript - 有没有办法知道 3 个(或更多)幻灯片中的哪一个处于事件状态？

Question

我希望能够关闭事件幻灯片并打开用户通过按钮选择的幻灯片。我曾想过只使用代码:

 $('div.nivoSlider:not(#c' + id + ')').data('nivoslider').stop();

一条语句即可关闭所有 slider 。

或者使用:

 $('#c1').data('nivoslider').stop();
 $('#c2').data('nivoslider').stop();   
 $('#c3').data('nivoslider').stop(); 

问题是，它仅适用于实际运行的 slider 。然后当它尝试停止甚至没有运行的 slider 时会导致错误。

我猜生成了一个错误，但我什至不知道在哪里查找该错误。

我想知道是否有任何方法可以知道哪个 slider 正在运行。然后我就可以运行适当的语句。

Answer 1

$('#c1').data('nivoslider').stop(); 仅当 slider 尚未初始化时才会导致错误。

因此，如果页面加载时有某个 slider 处于事件状态，则必须存储其 ID，然后使用类似以下内容的内容:

var runningSlider = 1; /* On page load/slider init */
changeSlider(newID) {
    $('#c' + runningSlider).data('nivoslider').stop();
    $('#c' + newID).nivoSlider();
    runningSlider = newID;
}