Javascript 如何使幻灯片按钮正常工作？

基本上，我正在尝试创建一个包含“下一步”和“上一步”按钮的幻灯片。我已经创建了幻灯片，但在创建交互式按钮时遇到了问题。由于某些原因，按钮在单击时不会转换到幻灯片上相应的幻灯片。我认为这可能是我的JavaScript中的一个问题。我怎样才能解决这个问题？感谢您的帮助。这是我的密码

var carousel=$（“.carousel”），
currdeg=0；
$（“.next”）。在（“单击”{d:“n”}上，旋转）；
$（“.prev”）。在（“单击”{d:“p”}上，旋转）；
函数旋转（e）{
如果（e.data.d==“n”）{
currdeg=currdeg-60；
}
如果（e.data.d==“p”）{
currdeg=currdeg+60；
}
carousel.css({
“-webkit变换”：“rotateY（“+currdeg+”deg）”，
“-moz变换”：“rotateY（“+currdeg+”deg）”，
“-o变换”：“旋转（“+currdeg+”deg）”，
“变换”：“旋转（“+currdeg+”度）”
});
}

正文{
背景：#333；
填充：70px0；
字体：15px/20px Arial，无衬线；
}
.集装箱{
保证金：0自动；
宽度：250px；
高度：200px；
位置：相对位置；
透视图：1000px；
}
旋转木马{
身高：100%；
宽度：100%；
位置：绝对位置；
变换样式：保留-3d；
转变：转变1s；
}
.项目{
显示：块；
位置：绝对位置；
背景：#000；
宽度：250px；
高度：200px；
线高：200px；
字号：5em；
文本对齐：居中；
颜色：#FFF；
不透明度：0.95；
边界半径：10px；
}
.a{
变换：旋转（0度）平移（250像素）；
背景：#ed1c24；
}
.b{
变换：旋转（60度）平移（250像素）；
背景：公元前0072年；
}
c{
变换：旋转（120度）平移（250像素）；
背景#39b54a；
}
博士{
变换：旋转（180度）平移（250像素）；
背景:#f26522 ;；
}
e{
变换：旋转（240度）平移（250像素）；
背景：#630460；
} 
f{
变换：旋转（300度）平移（250像素）；
背景#8c6239；
}
.next，.prev{
颜色：#444；
位置：绝对位置；
顶部：100px；
填料：1米2米；
光标：指针；
背景：#CCC；
边界半径：5px；
边框顶部：1px实心#FFF；
盒影：0 5px 0#999；
过渡：框阴影0.1s，顶部0.1s；
}
.next:hover.prev:hover{color:#000；}
.next:活动，.prev:活动{
顶部：104px；
盒影：0 1px 0#999；
}
.next{右：5em；}
.prev{left:5em；}

文件
A.
B
C
D
E
F
下一个
上

对于初学者，您的代码片段中没有包含jQuery。这就是“$is not defined”的意思。我是否可以添加jquery或将其链接到JavaScript文件？左侧应该有一个链接。或者，你可以复制粘贴这个。当我将包含jquery的代码复制到一个文件中时，按钮似乎可以工作。你可以用两个方向的“上一页”和“下一页”按钮切换幻灯片。我尝试添加到我的HTML文件中。错误消失了，但按钮仍然不起作用。