Javascript 我的代码赢了'；在Chrome中不工作，但在JSFIDLE中工作良好

所以我有个问题。我在网上找到了一个旋转木马的代码，我觉得很好。我试图将它复制到新的html、css和js文件中，以便打开该文件，但旋转木马在Chrome中无法工作，即使它在JSFIDLE和Codepin中工作良好

它表示代码（$（document）.keydown（函数（e）{is）未捕获引用错误：$未定义

提前感谢您的帮助

函数moveToSelected（元素）{
如果（元素==“下一步”）{
var selected=$（“.selected”）.next（）；
}else if（元素==“上一个”）{
所选变量=$（“.selected”）.prev（）；
}否则{
所选变量=元素；
}
var next=$（选定）.next（）；
var prev=$（选定）.prev（）；
var prevSecond=$（prev.prev（）；
var nextSecond=$（next）.next（）；
$（选定）.removeClass（）.addClass（“选定”）；
$（prev）.removeClass（）.addClass（“prev”）；
$（next）.removeClass（）.addClass（“next”）；
$（nextSecond.removeClass（）.addClass（“nextTrightSecond”）；
$（prevSecond.removeClass（）.addClass（“prevLeftSecond”）；
$（nextSecond.nextAll（）.removeClass（）.addClass（'hideRight'）；
$（prevSecond.prevAll（）.removeClass（）.addClass（'hideLeft'）；
}
//特克拉多事件
$（文档）.keydown（函数（e）{
开关（e.which）{
案例37://左
moveToSelected（“prev”）；
打破
案例39://对
moveToSelected（“下一步”）；
打破
默认：返回；
}
e、 预防默认值（）；
});
$（“#旋转木马分区”）。单击（函数（）{
moveToSelected（$（本））；
});
$（'#prev'）。单击（函数（）{
moveToSelected（“prev”）；
});
$（“#下一步”）。单击（函数（）{
moveToSelected（“下一步”）；
})；

html，主体，主体{
宽度：100%；
身高：100%；
保证金：0；
填充：0；
}
#旋转木马{
位置：相对位置；
高度：400px；
最高：50%；
转化：translateY（-50%）；
溢出：隐藏；
}
#旋转木马部{
位置：绝对位置；
变换：变换1s，左1s，不透明度1s，z索引0s；
不透明度：1；
}
#旋转木马组{
宽度：400px；
过渡：宽度1s；
}
#希德莱夫特旋转木马分部{
左：0%；
不透明度：0；
转化：translateY（50%）translateX（-50%）；
}
#旋转木马组{
宽度：200px；
}
#旋转木马暗室{
左：100%；
不透明度：0；
转化：translateY（50%）translateX（-50%）；
}
#旋转木马组隐藏图像{
宽度：200px；
}
#上旋转木马分区{
z指数：5；
左：30%；
转化：translateY（50px）translateX（-50%）；
}
#转盘分区上一个img{
宽度：300px；
}
#旋转木马分区{
z指数：4；
左：15%；
转化：translateY（50%）translateX（-50%）；
不透明度：0.7；
}
#转盘分区前左第二img{
宽度：200px；
}
#所选旋转木马分区{
z指数：10；
左：50%；
转化：translateY（0px）translateX（-50%）；
}
#下一个旋转木马分区{
z指数：5；
左：70%；
转化：translateY（50px）translateX（-50%）；
}
#转盘分区下一个img{
宽度：300px；
}
#下一秒旋转木马分区{
z指数：4；
左：85%；
转化：translateY（50%）translateX（-50%）；
不透明度：0.7；
}
#第二组转盘{
宽度：200px；
}
.按钮{
位置：固定；
左：50%；
转化：translateX（-50%）；
底部：10px；
}

上
下一个

您应该在运行JS之前等待事件

$(document).ready(function () {
 //your code here
});

---

您的代码段运行正常。您如何在本地进行测试？是否检查了浏览器控制台中的错误消息？此外，在

文件：//

环境中运行HTML可能会导致问题。不，它说：未捕获引用错误：$未在Carousel.js:30中定义，然后在该代码下出现红线：$（document）。keydown（函数（e）{，好了，你去吧……这是一个非常常见的错误消息，所以我相信快速的谷歌会告诉你哪里错了：）