css - 重置轮播定时器间隔

Question

我正在使用引导程序的轮播。你可以在这里看到实现：http: //jdattorneyatlaw.com/newTimesPost

问题是当有人单击轮播的导航箭头之一时，间隔计时器不会重置。因此，如果您单击返回，您可能会立即回到您刚才查看的图像。

任何有关如何解决此问题的说明将不胜感激。

谢谢大家的帮助。

Answer 1

你用的是TB2还是TB3。对于 TB2，您可以尝试在每次下一次/上一次点击时重置为计时器：

$.fn.carousel.Constructor.prototype.next = function () {
    if (this.sliding) return
    if (this.interval) clearInterval(this.interval);
    return this.slide('next')
  }

$.fn.carousel.Constructor.prototype.prev = function () {
    if (this.sliding) return
    if (this.interval) clearInterval(this.interval);
    return this.slide('prev')
  }

$('#myCarousel').carousel({interval:2000});