Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 导航链路断了?_Html_Hyperlink_Nav - Fatal编程技术网

Html 导航链路断了?

Html 导航链路断了?,html,hyperlink,nav,Html,Hyperlink,Nav,出于某种原因,我的代码不允许我点击导航栏中的链接。主页、常见问题解答和关于链接都应该是实时的,但什么都没有发生。这是我目前编写并准备预览的所有三个页面的情况。 (如果查看代码,会列出联系人链接,但它不会链接到任何内容;这是暂时的,而且是暂时的。) 当你尝试点击这些链接时,问题就出现了。没有发生任何事情,并且没有打开新页面。但是,如果您右键单击它们,并选择“在新选项卡中打开链接”,它们就可以正常工作。我想不出什么东西坏了,感觉应该很容易修复 有什么建议吗 --编辑-- 有关导航代码: <na

出于某种原因,我的代码不允许我点击导航栏中的链接。主页、常见问题解答和关于链接都应该是实时的,但什么都没有发生。这是我目前编写并准备预览的所有三个页面的情况。 (如果查看代码,会列出联系人链接,但它不会链接到任何内容;这是暂时的,而且是暂时的。)

当你尝试点击这些链接时,问题就出现了。没有发生任何事情,并且没有打开新页面。但是,如果您右键单击它们,并选择“在新选项卡中打开链接”,它们就可以正常工作。我想不出什么东西坏了,感觉应该很容易修复

有什么建议吗

--编辑--

有关导航代码:

<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" -->


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

何时应该:

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

  • etc

    标记只能有一个
  • 作为它的子项。由于您的
    位于
  • 之外,因此
    标签被推出


    将那些
    标记插入您的
  • 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
    元素。

    这是JavaScript的问题

    请参见FAQ页面第269行的html源代码:

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

    单击链接时,该函数将取消默认事件。

    请在此处添加有意义的代码和问题描述。不要只链接到需要修复的站点——否则,一旦问题解决,这个问题将对未来的访问者失去任何价值。发布一个能证明你的问题的帖子会帮助你得到更好的答案。有关更多信息,请参阅“谢谢!”!我以为你说的是JavaScript代码。好的,HTML不是W3C正确的,但这永远不会阻止要单击的链接。