Javascript 按钮在我的HTML的某些部分不起作用

Javascript 按钮在我的HTML的某些部分不起作用,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个按钮id=getstart,位于HTML的顶部和底部附近。靠近顶部的按钮起作用,但靠近底部的按钮不起作用。它们的格式完全相同。我希望两个按钮都能用 这是我的密码。 **编辑代码。我添加了onclick=window.location.href='getstarted.html';按我的钮扣。现在第一个按钮起作用,但第二个按钮不起作用。如何让第二个按钮工作 $document.readyfunction{ $window.scroll函数{ 如果$this.scrollTop>70{ $

我有一个按钮id=getstart,位于HTML的顶部和底部附近。靠近顶部的按钮起作用,但靠近底部的按钮不起作用。它们的格式完全相同。我希望两个按钮都能用

这是我的密码。 **编辑代码。我添加了onclick=window.location.href='getstarted.html';按我的钮扣。现在第一个按钮起作用,但第二个按钮不起作用。如何让第二个按钮工作

$document.readyfunction{ $window.scroll函数{ 如果$this.scrollTop>70{ $'header'.fadeIn500; }否则{ $“标题”。淡出500; } }; }; $document.readyfunction{ $window.scroll函数{ 如果$this.scrollTop>70{ $‘定价’.csscolor,000; }否则{ $‘定价’.csscolor,FFF; } }; }; //幻灯片放映 $document.readyfunction{ $laptopslideshop>div:gt0.hide; 设置间隔函数{ $'laptopslideshop>部门:第一个' .fadeout 500 下一个 .法代因500 终止 .附于“拉普拉斯商店”; }, 3000; }; @导入url'https://fonts.googleapis.com/css?family=Nunito+无; * { 框大小:边框框; 保证金:0; 填充:0; } 标题{ 位置:固定; 顶部:0px; 宽度:100%; 高度:84px; 背景色:FFFFFF; 颜色:000; z指数:1; 显示:无; } @介质最大宽度:768px{ 标题{ 高度:60px; } } 主要{ 高度:100vh; 宽度:100%; 背景:urlmages/teamchat.jpg无重复中心; 背景尺寸:包含; 背景尺寸:封面; } .总含量{ 文本对齐:右对齐; 身高:100%; 宽度:100%; 浮动:对; z指数:2; 位置:固定; } .Headerpand c{ 右边距:18%; 利润上限:17像素; 位置:相对位置; } @介质最大宽度:768px{ .Headerpand c{ 保证金权利:4%; 边缘顶部:14px; } } 定价{ 字体系列:Nunito Sans; 右边距:55px; 字号:800; 字母间距:0.1米; 字号:18px; 文字装饰:无; 颜色:FFF; 过渡:0.6s; } @介质最大宽度:768px{ 定价{ 字体大小:12px; 保证金权利:3%; } } @介质最大宽度:355px{ 定价{ 显示:无; } } 定价:悬停{ 文字装饰:下划线; } 定价:主动{ 颜色:000; } 开始{ 字体系列:Nunito Sans; 背景色:5a52ff; 边界半径:10px; 边界:无; 颜色:白色; 填充:11px 25px; 文本对齐:居中; 字号:18px; 过渡:0.3s; 文字装饰:无; 光标:指针; 字号:800; 字母间距:0.05em; 大纲:无; } @介质最大宽度:768px{ 开始{ 填充:8px 15px; 字体大小:12px; } } 开始:悬停{ 背景色:3d33ff; } 开始:活动{ 转换:translateY2px; 盒影:0 1px 666; } telosdesignlogo{ 浮动:左; 高度:30px; 左缘:18%; 边缘顶部:6px; } @介质最大宽度:768px{ telosdesignlogo{ 左缘:4%; 高度:23px; } } /*正文*/ 主机箱{ 高度:470px; 宽度:500px; 文本对齐:左对齐; 位置:相对位置; 顶部:250px; 左:28%; 字体系列:Nunito Sans; 颜色:FFF; } 希特勒{ 字号:2.5em; 字体重量:较轻; } 主要文本{ 字号:800; 字体大小:3.5em; } 主要定价{ z指数:5; } /*笔记本电脑幻灯片放映开始*/ 上滑道铺{ 位置:相对位置; 边缘顶部:50px; 宽度:240px; 高度:240px; 填充:10px; 盒影:0.20px rgba0,0,0,0.4; } 迈斯利德斯先生{ 位置:绝对位置; 宽度:100%; } 开始 你好我们是泰洛斯。 美丽的网站,专为您独特的业务。 开始 id对于元素应该是唯一的只有一个,请使用类

在代码中,您使用javascriptjquery来控制href,而不是html,请参见onclick

这段代码在做什么


检查web浏览器控制台是否存在来自其他源/代码的JavaScript错误。

尝试使用此代码


为什么一个基本上是链接的按钮不起作用,因为两个东西有相同的id?我把id改为class,第二个按钮仍然不起作用。还有其他想法吗?检查web浏览器控制台是否有来自其他来源/代码的JavaScript错误。这很奇怪,因为它对我有效,我也看到了其他用户的情况,所以是其他一些东西造成了问题,比如我们没有的app.js。你需要添加所有的js代码。只要试一下就可以了!当我替换第一个按钮时,它工作,但当我在代码末尾附近替换第二个按钮时,它工作。按钮仍然没有响应
<button id="getstarted" onclick="window.location.href = 'getstarted.html';">
  <script type="text/javascript" src="app.js"></script>