如何为 laravel 中的某些内容制作不可点击的动态菜单？

Question

我的网站上有一个动态菜单和子菜单，我想只为那些有子菜单的菜单制作不可点击的菜单。

这是代码

@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

Answer 1

我对你的代码的快速解决方案是当菜单有子菜单时不要使用 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

希望对您有所帮助！

如何为 laravel 中的某些内容制作不可点击的动态菜单？

How to make not clickable dynamic menu for some in laravel?

laravel

laravel-5

laravel-4