Php Laravel为什么我的下拉菜单在悬停时显示所有元素？

在导航栏中，我显示父项。我通过使用

getItems（）

方法得到了它。它正在链接到每个项目。每个父项都有一些子项。我使用

（$item->children as$child）

获得它，当鼠标悬停在任何父项上时，应该可以从下拉列表中看到该父项的子项

问题是，每当我将鼠标悬停在任何项目上时，每个子项目都会显示在下拉列表中。但我只希望显示父项的子项。该问题可能与我的

@foreach

循环有关。但我没有达到目的。如果有人能帮我，那就太好了。提前谢谢

这是我的刀片文件代码

<div class="navbar-list">
      <div class="dropdown">
        @foreach(getItems() as $item)
          <a href="{{ route('item.shop.list') }}?item={{ $item->id }}">{{ $item->name }}</a>
          <div class="dropdown-menu">
            @foreach ($item->children as $child)
              <li class="dropdown-item" data-id="{{ $child->id }}" data-name="{{ $child->name }}">
                <span>{{ $child->name }}</span>
              </li>
            @endforeach
          </div>
        @endforeach       
      </div> 
    </div>

@foreach（getItems（）作为$item）
@foreach（$item->childrenas$child）

{{$child->name}

@endforeach
@endforeach

这是它的风格

<style>
 .dropdown:hover>.dropdown-menu {
  display: block;
  
}
.dropdown>.dropdown-toggle:active {
    pointer-events: none;
}
</style>

.下拉菜单：悬停>.下拉菜单{
显示：块；
}
.dropdown>.dropdown切换：激活{
指针事件：无；
}

第一个

@foreach

中的每个项目都需要有自己的下拉列表。将

放入循环中：

<div class="navbar-list">
  @foreach(getItems() as $item)
    <div class="dropdown">
      <a href="{{ route('item.shop.list') }}?item={{ $item->id }}">{{ $item->name }}</a>
      <div class="dropdown-menu">
        @foreach ($item->children as $child)
          <li class="dropdown-item" data-id="{{ $child->id }}" data-name="{{ $child->name }}">
            <span>{{ $child->name }}</span>
          </li>
        @endforeach
      </div>
    </div> 
  @endforeach       
</div>

@foreach（getItems（）作为$item）
@foreach（$item->childrenas$child）

{{$child->name}

@endforeach
@endforeach

您是否尝试在您的

@foreach

中添加

（及其结束div）？让我试试，我会告诉您的。效果很好。非常感谢。我自己找不到它有点恼人。我花了两个多小时想弄明白。不客气，很高兴它能起作用。这个问题怎么办？没有答案，但我的问题解决了。它需要关闭@kerbh0lz将其作为答案发布，我将接受它。这将结束这个问题。再次感谢一群人。