jQuery 循环——用自动停止破坏了一个循环，重新启动它，现在它停止在第二张幻灯片上，而不是遍历所有幻灯片

Question

我有一个 jQuery 循环滑块 (.team_spotlight)，有 9 张幻灯片。它被设置为自动停止。自动停止后，它应该触发一个自定义函数来销毁滑块，然后重新启动所有内容。

滑块第一次遍历所有 9 张幻灯片时，效果非常好。然而，在滑块被破坏然后重新启动后，它会停止在第二张幻灯片上，而不是循环浏览所有 9 张幻灯片。

这种奇怪设置的原因是我每次都会将一个自定义类（“翻转”）添加到我的寻呼机中。幻灯片前进。你可以想象我的寻呼机是这样的——活动页面是黄色的，之前的页面是红色的，即将到来的页面是绿色的。我还在每个页面中插入唯一的 ID，这样我就可以做一些更多的风格事情。

完成所有幻灯片后，我需要重置寻呼机，因为当我们循环回到第一张幻灯片时，我需要所有页面再次变为绿色。因此，循环的销毁和重新启动。

如果有更好的方法来实现这种颜色效果（无需破坏滑块），我洗耳恭听。否则，我需要修复为什么循环在被销毁并重新启动后“卡在”第二张幻灯片上。

我的 javascript：

function paginate(ind, el) {
    return '<a class="slidenav" id="slide' + ind + '"></a>';
}   

function shifttab() {
    $('.activeSlide').addClass('flip');
}

function resettabs() {
    $('.team_spotlight').cycle('destroy');
    tabsanim();
}

function tabsanim() {
    $('.team_spotlight').cycle({
        fx: 'fade',
        pause: 1,
        speed: 0,
        timeout: 4000,
        cleartypeNoBg: true,
        pager:  '#pagernav',
        pagerAnchorBuilder: paginate,
        pagerEvent: null,
        after: shifttab,
        autostop: 1,
        end: resettabs
    });     
}


$(document).ready(function() {
    tabsanim();
});

编辑：

销毁错误仍然存​​在，修复它会很有用。

不过，我已经能够通过操作当前页面及其同级来复制我想要的效果。我不再需要销毁并重新启动滑块。

Answer 1

尝试注释掉或删除该行：

autostop: 1,

in tabsanim()

这里的新功能

function tabsanim() {
    $('.team_spotlight').cycle({
        fx: 'fade',
        pause: 1,
        speed: 0,
        timeout: 4000,
        cleartypeNoBg: true,
        pager:  '#pagernav',
        pagerAnchorBuilder: paginate,
        pagerEvent: null,
        after: shifttab,
        end: resettabs
    });     
}

............
以下计时器没有解决问题，但上面的更改解决了问题

function resettabs() {
    $('.team_spotlight').cycle('destroy');
    setTimeout("tabsanim()",300);
    }