Как сделать не кликабельное динамическое меню для некоторых в laravel? - PullRequest
0 голосов
/ 04 июля 2019

У меня есть динамическое меню и подменю на моем веб-сайте, и я хочу, чтобы меню, недоступное для нажатия, было доступно только тем меню, в которых есть подменю.

здесь указан код

@foreach($levels as $category)
    <li class="text-black-50">
        <a href="/category/{{ $category->slug }}" title=""> 
            {{ $category->name }}
        </a>
    </li>
    @if($category->children->count() > 0 )
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            <b class="caret"></b>
        </a>
        <ul class="dropdown-menu">
        @foreach($category->children as $child)
        <li>
            <a href="/category/{{ $child->slug }}">{{ $child->name }}</a>
        </li>
        @endforeach
        </ul>
    </li>
    @else
    @endif
@endforeach

1 Ответ

0 голосов
/ 04 июля 2019

Я быстрое решение по вашему коду - не используйте href att, когда в меню есть подменю. Используя ваш код:

@foreach($levels as $category)
    <li class="text-black-50">
        @if($category->children->count() > 0 )
            <a href="/category/{{ $category->slug }}" title=""> 
               {{ $category->name }}
            </a>
        @else
             <a style="pointer-events: none; cursor: default;"> 
                {{ $category->name }}
            </a>
        @endif
    </li>
    @if($category->children->count() > 0 )
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            <b class="caret"></b>
        </a>
        <ul class="dropdown-menu">
        @foreach($category->children as $child)
        <li>
            <a href="/category/{{ $child->slug }}">{{ $child->name }}</a>
        </li>
        @endforeach
        </ul>
    </li>
    @else
    @endif
@endforeach

Надеюсь, это поможет!

...