我的Jquery/Javascript将无法连接！-在HTML中工作-编程新手

我不明白为什么我的jquery/javascript不会显示在我加载的网页上。 当我把它放在实际的HTML文件中时，它就工作了

每次我尝试链接js、jquery文件时，它都会失败。我不明白。请帮忙

NMC

$（文档）.ready（函数（）{
window.onload=function（）{
$（“#一”）.hide（）；
$（'#two'）.hide（）；
$（'三'）.hide（）；
});
$（函数（）{
$（“#菜单圈”）。在（“鼠标指针”，函数（）上{
var i=$（this.index（）；
$（“#一”）.eq（i）
.show（）.sides（）.hide（）；
});
$（“#menu-circle1”）。在（“mouseenter”，function（）上{
var i=$（this.index（）；
元（“#二”）。等式（i）
.show（）.sides（）.hide（）；
});
$（“#menu-circle3”）。在（“mouseenter”，function（）上{
var i=$（this.index（）；
元（“#三”）.eq（i）
.show（）.sides（）.hide（）；
}); 
$（'html，body'）。动画（{scrollTop:9999}，'slow'）；
});
}
});
}
});
}

#一个{
文字装饰：无；
字体大小：100px；
身高：50%；
宽度：80%；
利润率最高：20%；
位置：固定；
左侧填充：30px；
右侧填充：30px；
垫面：10%；
垂直对齐：中间对齐；
保证金权利：50%；
对正内容：左；
颜色：rgba（255，255，255，0.62）；
z指数：1；
背景色：rgba（109、104、104、0.54）
}
#两个{
文字装饰：无；
字体大小：100px；
身高：50%；
宽度：80%；
利润率最高：20%；
位置：固定；
左侧填充：30px；
右侧填充：30px；
垫面：10%；
垂直对齐：中间对齐；
保证金权利：50%；
对正内容：左；
颜色：rgba（255，255，255，0.62）；
z指数：1；
背景色：rgba（109、104、104、0.54）
}
#三{
文字装饰：无；
字体大小：100px；
身高：50%；
宽度：80%；
利润率最高：20%；
位置：固定；
左侧填充：30px；
右侧填充：30px；
垫面：10%；
垂直对齐：中间对齐；
保证金权利：50%；
对正内容：左；
颜色：rgba（255，255，255，0.62）；
z指数：1；
背景色：rgba（109、104、104、0.54）
}
.包装纸{
宽度：100%；
高度：2500px；
利润上限：-30px；
背景图片：url（“joaquinmiller.jpg”）；
背景重复：无重复；
背景位置：中心；
背景尺寸：封面；
滤镜：灰度（100%）；
-webkit过滤器：灰度（100%）；
滤镜：灰度（100%）；
}
.包装器：悬停{
-webkit过滤器：灰度（0%）；
滤镜：灰度（0%）；
}
梅努瓦先生{
光标：指针；
显示：内联；
位置：固定；
z指数：1；
左缘：90%；
利润率最高：40%；
}
#菜单圈{
宽度：40px；
高度：40px；
背景：灰色；
-moz边界半径：50%；
-webkit边界半径：50%；
边界半径：50%；
保证金：自动；
边缘顶部：20px；
不透明度：1.0；
}
.菜单文本{
文本对齐：居中；
文字装饰：无；
字体系列：“Oswald”，无衬线；
字号：700；
字母间距：.07em；
不透明度：1；
}
.菜单项：悬停#菜单圈{
背景：黄色；
不透明度：1.0；
}
.菜单项：悬停.菜单文本{
文字装饰：无；
颜色：黄色；
不透明度：1.0；
文字装饰：无；
}
#菜单圈1{
宽度：40px；
高度：40px；
背景：灰色；
-moz边界半径：50%；
-webkit边界半径：50%；
边界半径：50%；
保证金：自动；
边缘顶部：20px；
不透明度：1.0；
}
.menu-text1{
文本对齐：居中；
文字装饰：无；
字体系列：“Oswald”，无衬线；
字号：700；
字母间距：.07em；
不透明度：1；
}
.菜单项1：悬停#菜单圈1{
背景：黄色；
不透明度：1.0；
}
.menu-item1:悬停.menu-text1{
文字装饰：无；
颜色：黄色；
不透明度：1.0；
文字装饰：无；
}
#菜单圈3{
宽度：40px；
高度：40px；
背景：灰色；
-moz边界半径：50%；
-webkit边界半径：50%；
边界半径：50%；
保证金：自动；
边缘顶部：20px；
不透明度：1.0；
}
.menu-text1{
文本对齐：居中；
文字装饰：无；
字体系列：“Oswald”，无衬线；
字号：700；
字母间距：.07em；
不透明度：1；
}
.菜单项3：悬停#菜单圈3{
背景：黄色；
不透明度：1.0；
}
.menu-item1:悬停.menu-text1{
文字装饰：无；
颜色：黄色；
不透明度：1.0；
文字装饰：无；
}
.topcontainer{
职位：！重要；
宽度：100%；
过滤器：灰度（100%）
}
.topcontainer:悬停{
过滤器：灰度（0%）
}
钮扣{
高度：100px；
宽度：100px；
边框样式：无；
颜色：白色；
字体大小：15px；
}
按钮p{
字体大小：10px；
}

最终的
社区单击

历史点击

住房危机越来越严重

白色导航
奥克兰

您需要在html文件的头部引用脚本。因此，在添加jquery的标记的正下方，需要添加以下内容：

<script src="path\to\your\js\file"></script>

---

您需要在html文件的头部引用脚本。因此，在添加jquery的标记的正下方，需要添加以下内容：

<script src="path\to\your\js\file"></script>

---

你的JS文件真是一团糟，我想这就是你要找的

            $(function() {

                $('#one').hide();
                $('#two').hide();
                $('#three').hide();

                $("#menu-circle").on("mouseenter", function() {
                    var i = $(this).index();
                    $("#one").eq(i)
                    .show().siblings().hide();
                });

                $("#menu-circle1").on("mouseenter", function() {
                    var i = $(this).index();
                    $("#two").eq(i)
                    .show().siblings().hide();
                });

                $("#menu-circle3").on("mouseenter", function() {
                    var i = $(this).index();
                    $("#three").eq(i)
                    .show().siblings().hide();
                }); 

                $('html,body').animate({ scrollTop: 9999 }, 'slow');

            });

---

你的JS文件真是一团糟，我想这就是你要找的

            $(function() {

                $('#one').hide();
                $('#two').hide();
                $('#three').hide();

                $("#menu-circle").on("mouseenter", function() {
                    var i = $(this).index();
                    $("#one").eq(i)
                    .show().siblings().hide();
                });

                $("#menu-circle1").on("mouseenter", function() {
                    var i = $(this).index();
                    $("#two").eq(i)
                    .show().siblings().hide();
                });

                $("#menu-circle3").on("mouseenter", function() {
                    var i = $(this).index();
                    $("#three").eq(i)
                    .show().siblings().hide();
                }); 

                $('html,body').animate({ scrollTop: 9999 }, 'slow');

            });

---

我在我的头上加了一句，它在紧闭的身体标签前的右下角。但是什么都没有谢谢你的回复！main.js与html文件位于同一文件夹中？这是不正确的，您的脚本标记不必位于标题中。你拿的地方很好。哦，我甚至没有看到底部，你是对的。我把它加在我的头上，它在底部，就在封闭体标签之前。但是什么都没有谢谢你的回复！main.js与html文件位于同一文件夹中？这是不正确的，您的脚本标记不必位于标题中。你在哪里做的很好。哦，我甚至没有看到底部，你是对的。谢谢你的回应，用你的建议替换了我的JS，但仍然没有！我将代码复制到jsbin，它似乎运行良好。谢谢你的帮助，我非常感激！我想我可能已经弄明白了。您的JS是否必须保存到in