jQuery和引导转盘

我试图在jQuery中创建

img

，并将旋转木马添加到幻灯片中，但在此代码中

img

未显示

$(document).ready(function(e) {
  imgSlider = [1, 2, 4];
  imgTitle = ["apartement", "pool", "Beach"];
  $(".carousel").append("<div class='carousel-inner'></div>");
  for (i = 0; i < 3; i++) {
    imgSrc = "images/slider" + imgSlider[i] + ".jpg";
    imgT = imgTitle[i];
    $(".carousel-inner").append("<div class=item><img title=" + imgT + " src=" + imgSrc + " /></div>");

  }
  $('#mySlider').carousel({
    interval: 3000
  });
});

$（文档）.ready（函数（e）{
imgSlider=[1,2,4]；
imgTitle=[“公寓”、“游泳池”、“海滩”]；
$（“.carousel”）。附加（“”）；
对于（i=0；i<3；i++）{
imgSrc=“图像/滑块”+imgSlider[i]+“.jpg”；
imgT=imgTitle[i]；
$（“.carousel-inner”）。追加（“”）；
}
$（'mySlider'）.carousel({
间隔时间：3000
});
});

它没有显示，因为

引导

旋转木马需要一个

活动

项才能启动，您忘记了将

活动

类添加到第一个

项

，在

之后，您可以看到：


$（文档）.ready（函数（e）{
让主动；
imgSlider=[1,2,4]；
imgTitle=[“公寓”、“游泳池”、“海滩”]；
$（“.carousel”）。附加（“”）；
对于（i=0；i<3；i++）{
如果（i==0）{
活动='活动'
}
imgSrc=“图像/滑块”+imgSlider[i]+“.jpg”；
imgT=imgTitle[i]；
$（“.carousel-inner”）。追加（“”）；
}
$（'mySlider'）.carousel({
间隔时间：3000
});
});
它没有显示，因为
引导
旋转木马需要一个
活动
项才能启动，您忘记了将
活动
类添加到第一个
项
，在
之后，您可以看到：


$（文档）.ready（函数（e）{
让主动；
imgSlider=[1,2,4]；
imgTitle=[“公寓”、“游泳池”、“海滩”]；
$（“.carousel”）。附加（“”）；
对于（i=0；i<3；i++）{
如果（i==0）{
活动='活动'
}
imgSrc=“图像/滑块”+imgSlider[i]+“.jpg”；
imgT=imgTitle[i]；
$（“.carousel-inner”）。追加（“”）；
}
$（'mySlider'）.carousel({
间隔时间：3000
});
});