2014-04-14 283 views
0

获得一些关闭的行为与我的引导水平导航,由于某种原因,它似乎是增加额外的锚链接进入第一<li><!-- here --></li>元素。引导3水平导航添加锚

代码:

<li class='submenu'> 
<a href='#'> 
    <img src='{{ URL::asset('img/menu/performance.png') }}' /> Performance 
     <ul class='nav'> 
    <li><a href='#'>abc</a></li> 
    <li><a href='#'>abc</a></li> 
    <li><a href='#'>abc</a></li> 
    <li><a href='#'>abc</a></li> 
    </ul> 
</a>      
</li> 

什么铬合金督察说:

<li class="submenu"> 
<a href="#"> 
    <img src="https://xxxxxx/img/menu/performance.png"> Performance 

    </a> 
    <ul class="nav" style="display: block;"><a href="#"> 
     </a><li><a href="#"></a><a ref="#">abc</a></li> 
     <li><a href="#">abc</a></li> 
     <li><a href="#">abc</a></li> 
     <li><a href="#">abc</a></li> 
    </ul> 
</li> 

任何一个得到了为什么发生这种情况的想法的?我哈克与下面的CSS固定它:

.left-nav .submenu li:nth-child(2) > a:first-child { 
    display:none; 
} 
+0

你有一个链接中的链接。这是错的! –

+0

你有你的整个无序列表内锚定标记。为什么? –

+0

是的,找到了它们。我把它们移到了锚点之外,现在正在工作。 – Jono20201

回答

1

我使用中的链接的链接,导致这种情况发生。我已经将辅助选项卡<ul>移动到锚定选项卡之外,并且它正在工作。

4

你不应该有内部的另一条链路的任何链接。 这不是有效的HTML。

如果浏览器遇到的链接标签,而已经是一个链接标签内它将增加 结束标记的第一个链接。