как показывать разные данные при наведении курсора на laravel - PullRequest
0 голосов
/ 11 июля 2020

У меня есть категория с неограниченным количеством подкатегорий в моем проекте.

Я использую метод возврата (с id и parent_id) для отображения категорий в моем меню.

Это мой CategoryController для отображения категорий:

$categories = Category::where('parent_id', 0)->get();

Это мой клинок для отображения категорий в меню:

@foreach($categories as $category)
     <li class="list-item list-item-has-children mega-menu mega-menu-col-5">
         <a class="nav-link" href="#">{{ $category->name }}</a>
              @include('layouts.categories-group',['categories' => $categories])
     </li>
@endforeach

Как видите, я включаю новый файл с таким содержимым:

<ul class="sub-menu nav">
     @foreach($categories as $category)
         <li class="list-item list-item-has-children">
             <a class="nav-link" href="#">{{ $category->name }}</a>
             @if($category->child->count())
                 @include('layouts.categories-group',['categories' => $category->child])
             @endif
         </li>
     @endforeach
</ul>

Эти коды работают у меня хорошо, но вот проблема: когда я наводю курсор на первый пункт меню, я вижу все категории, но я хочу показать категории, которые относятся к той же категории с parent_id -> 0

Вы можете видеть это на изображениях:

При наведении курсора на первый пункт меню First item When i hover second item of menu Second item When i hover third item of menu Third item

As you can see, in all of the items in menu i see all of the categories.

EDIT :

This is complete menu codes :

1 Ответ

0 голосов
/ 12 июля 2020

Вы также отображаете все категории в подвиде. Возможно, вы можете вставить в суб-представление только одну родительскую категорию, и там вы должны вызвать

Foreach($category->child as $child_category)

и отобразить дочерние элементы родительской категории

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...