时间戳

首页 > 解决方案 > freeCodeCamp 产品登陆页面测试错误，找不到错误

html - freeCodeCamp 产品登陆页面测试错误，找不到错误

问题描述

我正在做 freecodecamp 工作，它在测试我正在处理的产品登录页面项目的脚本中遇到错误。

问题如下：

当我单击元素.nav-link中的按钮时nav，我会被带到登录页面的相应部分。

但是，据我所知，我的代码就是这样做的。

我的代码中的什么导致了这个错误？

我的代码，JS 测试汉堡隐藏在左上角的标志中

谢谢您的帮助。

<header>
       <div id="header">
               <img id="header-img" src="https://i.imgur.com/KIqkWAZ.png" alt="handbooker helper logo"/>
           <nav id="nav-bar">
               <a class="nav-link" href="#infoLinks">Episodes</a>
               <a class="nav-link" href="#how-it-works">How It Works</a>
               <a class="nav-link" href="https://critrole.com/">More from Critical Role</a>
           </nav>
       </div>
   </header>

标签： htmlcss

解决方案

考虑到脚本假定您的所有导航链接都对应于同一页面上的目标，因此您无法传递该故事。

我尝试通过替换链接

href="https://critrole.com/"

使用 href="#test" 并创建一个 id 为 test 的 div，然后故事就通过了。

推荐阅读