损坏的导航链接？

Question

出于某种原因，我在 this website-in-process 上的代码不允许我点击导航栏中的 link。主页、常见问题解答和关于 link 应该都处于活动状态，但什么也没有发生。我目前编码并准备预览的所有三个页面都是这种情况。（如果您查看代码，会列出联系人 link，但它不会 link 任何东西；那是临时的，现在是有目的的。）

当您尝试单击那些 link 时，问题就来了。没有任何反应，也没有打开新页面。但是，如果您右键单击它们，select "Open Link in New Tab," 它们就可以正常工作。想不通哪里出了问题，感觉应该很容易修复。

有什么建议吗？

--编辑--

有问题的导航代码：

<nav id="fixedbar">
    <div class="nav-content">
        <ul class="navmain navfixed">
            <a href="http://www.kadehall.com/preview/awards/"><li class="navspot">home</li></a>
            <a href="#"><li class="navspot">store</li></a>
            <a href="#"><li class="navspot">gallery</li></a>
            <a href="http://www.kadehall.com/preview/awards/faq/"><li class="navspot stay" id="end-leftnav">FAQ</li></a>
            <li><a href="#top"><img src="parts/header/column-circle.png" id="columncircle"/></a></li>
            <a href="http://www.kadehall.com/preview/awards/about/"><li class="navspot" id="start-rightnav">about</li></a>
            <a href="http://www.kadehall.com/preview/awards/contact/"><li class="navspot">contact</li></a>
            <!-- start social -->
            <li class="navsoc">
                <a href="#"><img src="parts/social/facebook.png" /></a>
                <a href="#"><img src="parts/social/etsy.png" /></a>
                <a href="#"><img src="parts/social/pinterest.png" /></a>
            </li>
        </ul>
    </div>
</nav>
<!-- There is also an alternate nav for when the page is not scrolling,
     but the only difference is the use of id="fixedbar" -->

Answer 1

您需要将 a 标签放在 li 中，这是您当前的代码

什么时候应该：

<li><a href="">About</a></li>

等等

Answer 2

<ul> 标签只能有一个 <li> 作为子标签。由于您的 <a> 在您的 <li> 之外，因此 <a> 标签被推出 <ul>。

将这些 <a> 标签插入您 <li> 的

Answer 3

您的 HTML 结构不正确。

<ul class="navmain">
  <a href="/awards">
    <li class="navspot">home</li>
  </a>
</ul>

应该是

<ul class="navmain">
  <li class="navspot">
    <a href="/awards">home</a>
  </li>
</ul>

只能在 ul 或 ol 列表中嵌套 li 元素。

Answer 4

这是JavaScript的问题。

请参阅第 269 行的常见问题解答页面的 html 源代码：

$('#navigation a, #fixedbar a').on('click', function(e) {
e.preventDefault();
});

preventDefault() 函数取消点击 link 时的默认事件。

损坏的导航链接？

Broken Nav Links?

html

hyperlink

nav