时间戳

首页 > 解决方案 > 我的导航栏链接之一无法正常工作

html - 我的导航栏链接之一无法正常工作

问题描述

嗨，我只有一个导航栏链接不起作用，我自己似乎无法解决。我已经包含了我的导航代码，它的定价部分不起作用，我的部分 id 为#pricing

https://codepen.io/hollyj24/pen/eYZWgwb

<nav class="navbar navbar-expand-lg">
  <a href="#"><img class="navbar-brand" src="images\logo.png"></a>
  <button class="navbar-toggler navbar-dark" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="#navbarNav">
    <ul class="navbar-nav ml-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#pricing">Pricing <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#testimonials">Testimonials</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#About">About</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#contact">Contact</a>
      </li>
    </ul>
  </div>
</nav>

标签： html

解决方案

我在 CodePen 中查看了您的代码。在第 111 行，您说过：

<section id="#pricing">

删除主题标签，它应该可以工作。这就是说，id这部分的 是#pricing，当你想要它时pricing。

为了更好地理解它，在第 37 行，将其更改为：

<a class="nav-link" href="##pricing">Pricing <span class="sr-only">(current)</span></a>

这也可以，但这不是你想要的。将第 111 行更改为<section id="pricing">。

推荐阅读