Javascript 数据动画引导转盘效果不工作

您好，我已经在我的滑块中实现了数据动画效果，但在我的项目中实现后，动画效果不起作用。它将所有图像显示为一张幻灯片，并且滑块第一次也没有移动。如果单击“下一步”和“上一步”按钮，则滑块将自动移动，如果不接受，则滑块将自动移动。下面是我的代码。在我的项目中实现时出错为

未捕获类型错误：$myCarousel.carousel不是函数

（函数（$）{
//用于设置滑块标题动画的函数
函数doAnimations（元素）{
//将animationend事件缓存在变量中
var animEndEv='webkitAnimationEnd animationend'；
每个元素（函数（）{
变量$this=$（this），
$animationType=$this.data（'animation'）；
$this.addClass（$animationType）.one（animEndEv，函数（）{
$this.removeClass（$animationType）；
});
});
}
//页面加载上的变量
var$myCarousel=$（“#carousel示例通用”），
$firstAnimationElems=$myCarousel.find（'.item:first'）.find（“[data animation^='animated']”）；
//初始化旋转木马
$myCarousel.carousel（）；
//在页面加载的第一张幻灯片中设置标题动画
doAnimations（$firstAnimatingElems）；
//暂停转盘
$myCarousel.carousel（'pause'）；
//其他幻灯片将在转盘幻灯片事件中设置动画
$myCarousel.on（'slide.bs.carousel'，函数（e）{
var$animatingElems=$（e.relatedTarget）.find（“[data animation^='animated']”）；
doAnimations（$animatingElems）；
});  
$（“#转盘示例通用”）.carousel({
间隔时间：3000，
停顿：“错”
});
})（jQuery）
#第一个滑块。主容器{
填充：0；
}
#第一个滑块。滑块1 h3，#第一个滑块。滑块2 h3，#第一个滑块。滑块3 h3，#第一个滑块。滑块4 h3{
颜色：#fff；
字体大小：30px；
文本转换：大写；
字号：700；
}
#第一个滑块。滑块1 h4，#第一个滑块。滑块2 h4，#第一个滑块。滑块3 h4，#第一个滑块。滑块4 h4{
颜色：#fff；
字体大小：30px；
文本转换：大写；
字号：700；
}
#第一个滑块。滑块1。文本左，#第一个滑块。滑块3。文本左{
左侧填充：40px；
}
#第一个滑块。转盘指示器{
底部：0；
}
#第一个滑块。旋转控制。右，
#第一个滑块。旋转控制。左{
背景图像：无；
}
#第一个滑块。旋转木马。项目{
最小高度：425px；
身高：100%；
宽度：100%；
}
.转盘内部.物品.容器{
显示器：flex；
证明内容：中心；
对齐项目：居中；
位置：绝对位置；
底部：0；
排名：0；
左：0；
右：0；
}
#第一滑块h3{
动画延迟：1s；
}
#第一滑块h4{
动画延迟：2s；
}
#第一滑块h2{
动画延迟：3s；
}
#第一个滑块。旋转控制{
宽度：6%；
文本阴影：无；
}
#第一滑块h1{
文本对齐：居中；
边缘底部：30px；
字体大小：30px；
字体大小：粗体；
}
#第一个滑块{
填充顶部：125px；
文本对齐：居中；
}
#第一个滑块，PA{
文字装饰：下划线；
}
#第一个滑块。转盘指示器{
宽度：14px；
高度：14px；
背景色：rgba（255255.4）；
边界：无；
}
#第一个滑块。转盘指示器。激活{
宽度：16px；
高度：16px；
背景色：#fff；
边界：无；
}
.旋转木马褪色。旋转木马内部。项目{
-webkit转换属性：不透明度；
过渡特性：不透明度；
}
.旋转木马褪色。旋转木马内部。项目，
.旋转木马淡入淡出。旋转木马内部。激活。左侧，
.旋转木马淡入淡出。旋转木马内部。激活。右侧{
不透明度：0；
}
.旋转木马淡入淡出。旋转木马内部。激活，
.旋转木马淡入.旋转木马内部.下一个.左，
.carousel淡入淡出。carousel内部。右上角{
不透明度：1；
}
.旋转木马褪色。旋转木马内部。下一步，
.旋转木马淡入淡出。旋转木马内部。上一页，
.旋转木马淡入淡出。旋转木马内部。激活。左侧，
.旋转木马淡入淡出。旋转木马内部。激活。右侧{
左：0；
-webkit转换：translate3d（0,0,0）；
变换：translate3d（0,0,0）；
}
.carousel淡入淡出。carousel控制{
z指数：2；
}
.carousel控件。右前角。carousel控件。左前角{
位置：绝对位置；
最高：50%；
z指数：5；
显示：内联块；
}
.转盘控制。左前角{
左：50%；
宽度：38px；
高度：38px；
利润上限：-15px；
字体大小：30px；
颜色：#fff；
边框：3px实心#ffffff；
-webkit边界半径：23px；
-moz边界半径：23px；
边界半径：53px；
}
.转盘控制.右前角{
右：50%；
宽度：38px；
高度：38px；
利润上限：-15px；
字体大小：30px；
颜色：#fff；
边框：3px实心#ffffff；
-webkit边界半径：23px；
-moz边界半径：23px；
边界半径：53px；
}
.传送带控制{
不透明度：1；
过滤器：α（不透明度=100）；
}
#第一个滑块，滑块1{
背景图片：url(http://s20.postimg.org/h50tgcuz1/image.jpg);
背景尺寸：封面；
背景重复：无重复；
}
#第一个滑块，第二个滑块{
背景图片：url(http://s20.postimg.org/uxf8bzlql/image.jpg);
背景尺寸：封面；
背景重复：无重复；
}
#第一个滑块，滑块3{
背景图片：url(http://s20.postimg.org/el56m97f1/image.jpg);
背景尺寸：封面；
背景重复：无重复；
}
#第一个滑块，滑块4{
背景图片：url(http://s20.postimg.org/66pjy66dp/image.jpg);
背景尺寸：封面；
背景重复：无重复；
}





添加图片，甚至你的标志！
轻松使用惊人的效果
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <i class="fa fa-angle-left"></i><span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <i class="fa fa-angle-right"></i><span class="sr-only">Next</span>
    </a>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="path/to/your/custom.js"></script>