选项卡内容中的第一项不起作用Laravel 7

Question

我制作了一个类别列表组，当单击该列表组时，将显示其各自类别的可用子类别。然而，foreach中子类别的第一个项目不起作用，但其余项目正常工作。这是我的密码。

列出组项目

<div id="subcategory-tabs">
<div class="list-group list-group-flush" id="subcategory-list-tab" role="tablist">
@foreach ($subcategories as $subcategory)
<a class="list-group-item list-group-item-action subcategory-tab-link {{ request()->is('/c/'.$subcategory->slug) ? 'active' : '' }}" href='#tab-{{ $subcategory->slug }}' data-toggle="list" role="tab" aria-controls="tab-{{ $subcategory->slug }}">{{ $subcategory->name }}</a>
@endforeach
</div>
</div>

选项卡内容

<div class="tab-content" id="categorized-tab-content">
@foreach ($subcategories as $subcategory)
<div class="tab-pane fade in show {{ request()->is('/c/'.$subcategory->slug) ? 'active' : '' }}" role="tabpanel" id="tab-{{ $subcategory->slug }}" aria-labelled-by="tab-{{ $subcategory->slug }}">
@if ($subcategory->slug == $subcategory->slug)
{{ $subcategory->name }}
@endif
</div>
@endforeach
</div>

当我点击第一个子类别时，它的选项卡内容没有显示任何内容，甚至没有将其类更改为活动。

Answer 1

这样重新定义类class="tab-pane fade in show '.{{ request()->is('/c/'.$subcategory->slug) ? 'active' : '' }}'"