我在导航栏中有几个锚元素,它们都应该重定向到其他页面,这些页面是根URL的扩展.因此,例如,我有一个带有href="/登录"的"登录"锚元素.所有这些功能以前都能用--点击时它们会重定向到正确的页面--但在我向导航栏添加了一些新内容后,它们就不起作用了.现在,当我点击锚链接时,没有任何react .自那以后,我删除了所有添加的新内容,但问题仍然存在.
以下是NAV元素的HTML
<header class="header">
<nav class="nav">
<ul class="nav__el--list">
<li><a href="/home">Home</a></li>
<li><a href="/projects">Projects</a></li>
<li><a href="/sources">Sources</a></li>
</ul>
<div class="header__logo"><img src="/img/header-logo.png" alt="logo" style="height:100%; width:100%"/></div>
<div class="nav__el--user">
<a class="nav__el nav__el--login" href="/login">Log in</a>
<a class="nav__el nav__el--cta" href="/signup">Sign up</a>
</div>
</nav>
</header>
我采取的故障排除步骤:
-
我验证了浏览器识别正确的href--当我将光标悬停在锚元素链接上时,正确的url会显示在浏览器的左下角.
-
我验证了锚链接应该重定向到的页面是否正常工作--我是通过在浏览器搜索栏中直接输入URL来实现这一点的
-
我验证了浏览器正在注册对锚链接元素的"点击"--我将一个"点击"触发的事件侦听器附加到锚元素,当我点击锚元素时,事件侦听器被触发.
-
在Chrome dev工具的"Elements"选项卡中,我找到了锚元素的源HTML,并点击了源代码中的href链接,然后被重定向到正确的页面--但在实际浏览器页面上点击锚元素仍然不起作用
-
我打开没有任何CSS的页面,查看是否在样式中有什么东西导致了问题,但即使是在仅有HTML的页面上,当我单击锚元素时也没有任何react
-
我清除了浏览器缓存、cookie和历史记录,并重新启动了浏览器,但这并没有解决问题
-
我在另一个浏览器上打开了该页面,但这并没有解决问题
如有任何建议,我们将不胜感激!