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正确的,但这永远不会阻止要单击的链接。