子菜单类的父元素中的 href 链接

Question

>我有一个简单的导航栏：

<div class="sidebar content-box" style="display: block;">
<ul class="nav">
<li class="submenu">                        
<a href="index.php">
<i a href="index.php" class="glyphicon glyphicon-edit"></i> Idmancilar
<span class="caret pull-right" href="index.php"></span>
</a>
<ul>
<li><a href="player_requests.php">Qeydiyyat sorgulari</a></li>
</ul>
</li>                   
<li><a href="calendar.php"><i class="glyphicon glyphicon-edit"></i>Mesqciler</a></li>
<li><a href="stats.php"><i class="glyphicon glyphicon-edit"></i> Klublar</a></li>
<li><a href="tables.php"><i class="glyphicon glyphicon-edit"></i>Yarislar</a></li>
<li><a href="editors.php"><i class="glyphicon glyphicon-edit"></i> Qeydiyyat sorgulari</a></li>  
<li><a href="logout.php"><i class="glyphicon glyphicon-edit"></i> Logout</a></li>                   
</ul>
</div>
</div>

当我打开子菜单时，player_requests被打开，但从那里我无法导航回父索引.php页面。当我单击元素时，范围和子菜单将再次打开，并且没有重定向到所需的索引.php页面。

Answer 1

问题可能是由于您的 HTML.
只有<a>、<area>、<base>和<link>标签可以具有href属性.
<i a href="index.php" ... >和<span ... href="index.php">都无效。

您需要从<i>和<span>标签中删除href，
如下所示：

<div class="sidebar content-box" style="display: block;">
<ul class="nav">
<li class="submenu">
<a href="index.php">
<i class="glyphicon glyphicon-edit"></i> Idmancilar
<span class="caret pull-right"></span>
</a>
<ul>
<li><a href="player_requests.php">Qeydiyyat sorgulari</a></li>
</ul>
</li>
<li><a href="calendar.php"><i class="glyphicon glyphicon-edit"></i>Mesqciler</a></li>
<li><a href="stats.php"><i class="glyphicon glyphicon-edit"></i> Klublar</a></li>
<li><a href="tables.php"><i class="glyphicon glyphicon-edit"></i>Yarislar</a></li>
<li><a href="editors.php"><i class="glyphicon glyphicon-edit"></i> Qeydiyyat sorgulari</a></li>
<li><a href="logout.php"><i class="glyphicon glyphicon-edit"></i> Logout</a></li>
</ul>
</div>