与JS的bootstrap carousel autoplay给出了麻烦

Question

$('.carousel').carousel({
            interval: 5000
        });

这段代码正在运行但是这个代码不起作用

$('#main-slider.carousel').carousel({
            interval: 5000
        });

但是当第一个代码从最后一张幻灯片转到第一张时，第一个代码会略微跳跃。（如果你看旋转木马指示符（点数），你会看到） 为什么会这样？ Plz帮助我 链接enter link description here

Answer 1

prev和next的上边距（标准上一个/下一个按钮？）导致了这个问题，因为它会影响＆＃34; next＆＃34;滑块项的状态。

#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 50%;
  background-color: #c52d2f;
  color: #fff;
  display: inline-block;
  /* margin-top: -25px; */
  height: 40px;
  line-height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 4px;
  z-index: 5;
}

Answer 2

你需要在id和class之间用jquery

提供一个空格

$('#main-slider .carousel').carousel({
            interval: 5000
        });