我试图在点击父菜单后查看子菜单。
类(class)->小学->(Grade1,Grade2,Grade3,Grade4,Grade5,Grade6)
类(class)->初中->(Grade7,Grade8,Grade9)
类(class)->中学->(Grade10,Grade11,Grade12)
<div class="collapse navbar-collapse" id="main-navigation">
<ul class="nav navbar-nav navbar-right">
<?php foreach ($data as $menu) { ?>
<?php if(!$menu->children) { ?>
<li><a href=""><?php echo $menu->name; ?></a></li>
<?php }
else {
?>
<li class="dropdown open">
<a href="#" class="dropdown-toggle " data-toggle="dropdown">
<?php echo $menu->name; ?>
<span class="fa fa-angle-down"></span>
</a>
<ul class="dropdown-menu open" role="menu">
<?php
foreach ($menu->children as $child) {
?>
<li><a href="" style="color:black;"><?php echo $child->name; ?></a></li>
<?php
foreach ($child->children as $sub_child) {
?>
<li class="dropdown-submenu">
<a href="#" style="color:black;" class="dropdown-toggle " data-toggle="dropdown"> <?php echo $sub_child->name; ?><span class="fa fa-angle-down"></span></a>
<ul class="dropdown-submenu" role="menu">
<?php } ?>
<?php } ?>
</ul>
</li>
<?php } ?>
<?php } ?>
</ul>
</li>
</ul>
</div>
我想在点击小学后查看1年级到6年级,点击中学后我想查看7年级到9年级......
请帮忙!
最佳答案
你有一个开放的<ul class="dropdown-submenu" role="menu">
标签没有任何 <li>
或 <a>
在里面生成。然后在关闭 <ul>
之前关闭两个 each 语句标签。
<?php foreach ($child->children as $sub_child) { ?>
<li class="dropdown-submenu">
<a href="#" style="color:black;" class="dropdown-toggle " data-toggle="dropdown">
<?php echo $sub_child->name; ?><span class="fa fa-angle-down"></span>
</a>
<ul class="dropdown-submenu" role="menu">
<?php } ?>
<?php } ?>
</ul>
</li>
这将导致各种意外的标记输出。修复它,它应该可以解决您的问题。如果没有,您至少会更近一些。
关于php - 如何使用php,html在点击时查看子菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40566023/