当我推动ctr + shift + j时,我在chrome中看到了一些额外的标签'a' 这是我的代码
<heade>
<div id="logo">
<h1>titel</h1>
<span id="btnNav"><i class="fa fa-bars" aria-hidden="true"></i></span>
</div>
<nav>
<ul class="menu">
<li><a href="#">ایتم 1</a></li>
<li><a href="#"><i class="fa fa-caret-down" aria-hidden="true"></i> ایتم 2</a>
<ul class="subMenu">
<li><a href="#">ایتم 2 . 1<a></li>
<li><a href="#">ایتم 2 . 2<a></li>
<li><a href="#">ایتم 2 . 3<a></li>
<li><a href="#">ایتم 2 . 4<a></li>
</ul>
</li>
<li><a href="">ایتم 3</a></li>
<li><a href="">ایتم 4</a></li>
</ul>
</nav>
</header>
我在谷歌浏览器中看到的这段代码在此代码中有额外的'a'标记。这是什么?
<header>
<div id="logo">
<h1>titel</h1>
<span id="btnNav"><i class="fa fa-bars" aria-hidden="true"></i></span>
</div>
<nav>
<ul class="menu">
<li><a href="#">ایتم 1</a></li>
<li><a href="#"><i class="fa fa-caret-down" aria-hidden="true"></i> ایتم 2</a>
<ul class="subMenu">
<li><a href="#">ایتم 2 . 1</a><a></a></li><a>
</a><li><a></a><a href="#">ایتم 2 . 2</a><a></a></li><a>
</a><li><a></a><a href="#">ایتم 2 . 3</a><a></a></li><a>
</a><li><a></a><a href="#">ایتم 2 . 4</a><a></a></li><a>
</a></ul><a>
</a></li><a>
</a><li><a></a><a href="">ایتم 3</a></li>
<li><a href="">ایتم 4</a></li>
</ul>
</nav>
</header>
Jquery代码
$('。menu li')。hover(function(){if($(this).find('。subMenu')){ $(本).find( '子 ')的slideToggle(' 慢')。 ,function(){ if($(this).find('。subMenu')){ $(本).find( '子 ')的slideToggle(' 慢')。 }});
答案 0 :(得分:1)
问题是您没有关闭a
代码。你有:
<li><a href="#">ایتم 2 . 1<a></li>
<li><a href="#">ایتم 2 . 2<a></li>
<li><a href="#">ایتم 2 . 3<a></li>
<li><a href="#">ایتم 2 . 4<a></li>
应该是:
<li><a href="#">ایتم 2 . 1</a></li>
<li><a href="#">ایتم 2 . 2</a></li>
<li><a href="#">ایتم 2 . 3</a></li>
<li><a href="#">ایتم 2 . 4</a></li>
请注意,结尾标记有/
。