Javascript 动态转盘（jQuery）不工作

我试图使用jquery创建一个动态旋转木马，但由于某些原因，代码没有运行。我想根据脚本中var images数组中的图像数量生成carousel div。你们能纠正我下面的代码吗

这是我的密码：

无标题文件
/*BOOTSTRAP 3.x全局样式
-------------------------------------------------- */
身体{
填充底部：40px；
颜色：#5A5A；
}
/*自定义导航栏
-------------------------------------------------- */
/*特殊类别。容器周围。导航栏，用于将其定位到位*/
.导航栏包装{
位置：绝对位置；
排名：0；
左：0；
右：0；
z指数：10；
}
/*自定义旋转木马
-------------------------------------------------- */
/*旋转木马基类*/
旋转木马{
边缘底部：60px；
}
/*由于定位图像，我们需要帮助解决标题问题*/
.旋转木马标题{
z指数：1；
}
/*由于img元素的定位而声明高度*/
.carousel.项目{
高度：400px；
背景色：#555；
}
.旋转木马{
位置：绝对位置；
排名：0；
左：0；
最小高度：400px；
}
/*营销内容
-------------------------------------------------- */
/*将移动视图的边缘垫上一点*/
.市场营销{
左侧填充：15px；
右侧填充：15px；
}
/*将旋转木马下方三列内的文本居中对齐*/
.市场营销。col-lg-4{
文本对齐：居中；
边缘底部：20px；
}
.市场推广h2{
字体大小：正常；
}
.市场营销。col-lg-4 p{
左边距：10px；
右边距：10px；
}
/*特写
------------------------- */
.特征分割器{
边距：80px 0；/*留出引导空间
更多*/
}
特辑{
顶部填充：120px；/*垂直居中图像第1部分：在文本上方和下方添加填充*/
溢出：隐藏；/*垂直居中图像第2部分：清除其浮动*/
}
.特色图片{
页边距顶部：-120px；/*垂直居中图像第3部分：负页边距向上使图像居中的填充量相同*/
}
/*在浮动元素的两侧留出一些空间，这样文本就不会直接进入其中*/
.featurette-image.pull-left{
右边距：40px；
}
.featurette-image.pull-right{
左边距：40px；
}
/*精简营销标题*/
.专题标题{
字体大小：50px；
字体大小：300；
线高：1；
字母间距：-1px；
}
/*响应式CSS
-------------------------------------------------- */
@介质（最小宽度：768px）{
/*删除移动设备所需的边缘填充*/
.市场营销{
左侧填充：0；
右边填充：0；
}
/*导航条定位*/
.导航栏包装{
边缘顶部：20px；
边距底部：-90px；/*向上拉转盘的负边距。90px大致是边距和导航栏的高度*/
}
/*导航栏从顶部分离，因此我们绕过拐角*/
.navbar包装器.navbar{
边界半径：4px；
}
/*增大传送带内容的大小*/
.carousel标题p{
边缘底部：20px；
字号：21px；
线高：1.4；
}
}
$（文档）.ready（函数（）{
变量图像=[
"http://placehold.it/1500X500",
"http://placehold.it/1500X500",
"http://placehold.it/1500X500"
];
对于（var i=0；i）。附录（“.carousel indicators”）
}
$（'.item'）.first（）.addClass（'active'）；
$（'.carousel indicators>li'）.first（）.addClass（'active'）；
$（“#转盘示例通用”）.carousel（）；
});

什么是不工作？另外，您有多个jquery引用，这是不正确的，可能会导致问题。当我运行它时，什么也没有出现。它只是空白@se0ng11首先，删除多余的jquery，您总共有5个jquery相互冲突，其次，检查您的浏览器控制台（f12），如果有任何特定错误