让人沮丧的Javascript错误

我的Jquery在文本编辑器（如fiddle和StackOverflow上的snippets）中工作得很好，但一旦我将它放在括号中，甚至在Github上打开它，navbar向下滚动动画就无法工作。是一个指向小提琴的链接，在那里我使用了和括号中使用的完全相同的代码（我只是使用了一个随机的背景图像）

$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
如果（$（文档）.scrollTop（）>10）{
$（'#nav'）.addClass（'shrink'）；
}否则{
$（'#nav'）.removeClass（'shrink'）；
}
});
});
/*******正文概述**********/
身体{
保证金：0；
高度：2500px；
/*只是为了展示内容的外观*/
}
标题{
位置：固定；
排名：0；
左：0；
宽度：100%；
}
/*总有一天要解决这个问题*/
.bg img{
背景：url（'https://orig00.deviantart.net/2106/f/2012/329/0/e/untitled_drawing_by_walktheinch-d5m49xe.png“）无重复中心；
背景尺寸：封面；
高度：100vh；
}
强壮的{
字体大小：粗体；
}
/*********航行*********/
@媒体屏幕和屏幕（最大宽度：900px）{
导航{
网格模板列：100%；
网格模板行：自动；
网格间距：1米；
}
}
menu1先生{
网格柱：1；
}
梅努2先生{
网格柱：2；
}
.标志{
网格柱：3；
字体系列：“蒙特塞拉特”，无衬线；
字体重量：较轻；
字号：28px；
宽度：500px；
背景位置：中心；
背景尺寸：包含；
背景重复：无重复；
高度：7vh；
边缘底部：25px；
颜色：#000；
文本转换：大写；
字母间距：3px；
}
menu3先生{
网格柱：4；
}
menu4先生{
网格柱：5；
}
/**************悬停动画**************/
分区>a{
字体系列：“Raleway”；
文本转换：大写；
文字装饰：无；
颜色：#000；
位置：相对位置；
字体大小：0.8rem；
}
div>a：悬停{
颜色：#000；
}
div>a：之前{
内容：“；
位置：绝对位置；
宽度：100%；
高度：1px；
底部：-4px；
左：0；
背景色：#000；
可见性：隐藏；
-webkit转换：scaleX（0）；
变换：scaleX（0）；
-webkit转换：所有0.3都易于输入输出0；
过渡：所有0.3秒均为0秒；
}
div>a：悬停：之前{
能见度：可见；
-webkit转换：scaleX（1）；
变换：scaleX（1）；
}
/**********主割台***********/
标题{
颜色：白色；
证明内容：中心；
对齐内容：居中对齐；
排名：0；
底部：0；
左：0；
}
/**********身体*****************/
明福先生{
颜色：红色；
宽度：100%；
填充顶部：100px；
字体系列：“蒙特塞拉特”，无衬线；
字体重量：较轻；
}
.副标题{
左：4em；
垫顶：29em；
字体大小：100%；
颜色：#fff；
}
.头衔{
字号：3em；
文本对齐：左对齐；
颜色：#FFF；
垫底：0px；
}
.潜台词{
填充顶部：0px；
颜色：#FFF；
}
/*************导航传输到不透明动画*************/
导航{
显示：网格；
网格模板列：重复（5，1fr）；
网格间距：1米；
网格自动行：自动；
文本对齐：居中；
对齐项目：居中；
背景：透明；
*/z指数：100；
过渡：一切轻松。5s；
高度：70像素；
位置：相对位置；
}
/*================新的CSS规则============*/
#导航{
位置：相对位置；
}
#导航标志p{
利润率：10px0；
}
#导航背景{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
背景：#ededed；
身高：0；
过渡：高度800ms；
}
#导航收缩背景{
身高：100%；
}

一百周年纪念是学术性的
这是学术性的

百周年纪念

这是学术性的


每周二在506房间开会
这是一份公关：

基本上，您没有在页面中包含脚本标记（
），并且在script.js文件的末尾还有一些垃圾（
÷，
）

首先我注意到你的页面甚至没有脚本代码。
然后，当我添加它时，chrome开发者控制台显示它遇到了错误。
也在这里发布代码，而不仅仅是非现场发布。添加代码here@SathwikYanamadi，我已经编辑了你的帖子并添加了代码，它看起来很有效，我想你的问题是你错过了链接jQuery@mooga不，那还是不行。它在此处有效，但在方括号/GitHub页面上无效。jQuery的链接一定有问题，因为像Fiddle和Snippets这样的编辑器不要求您链接到其他文件。@Sathwikiyanamaddi，您尝试添加了吗