gpt4 book ai didi

html - 如何在页面加载时激活选项卡-laravel

转载 作者:行者123 更新时间:2023-11-28 00:51:05 25 4
gpt4 key购买 nike

当我登陆页面时,如何才能获得我的第一个选择?当我登陆页面时,我必须先选择一个选项卡,但是有没有一种方法可以让我在登陆页面时选择第一个选项卡?

当我加载页面时,我会显示我的选项卡,但在我单击它们之前它们都不是事件的。有没有一种方法可以让第一个选项卡在页面加载时处于事件状态。

HTML

<div class="row">
<div class="col-md-9">

<div class="nav-tabs-custom">

<ul class="nav nav-tabs">
@foreach($hotels as $hotel)

<li ><a href="#tab_{{ $hotel->id }}" data-toggle="tab" >{!!$hotel->name!!}</a></li>
@endforeach


</ul>
<div class="tab-content">
@foreach($hotels as $hotel)

<div class="tab-pane active" id="tab_{{ $hotel->id }}">

@foreach($hotel->waiters as $waiter)


<label class="mylabel" > {{$waiter->name}} </label>

</div>
@endforeach
</div>

</div>

</div>

</div>

最佳答案

我认为您的问题出在添加到每个选项卡的事件类中,它应该只针对这样的一个:

<div class="row">
<div class="col-md-9">

<div class="nav-tabs-custom">

<ul class="nav nav-tabs">
@foreach($hotels as $hotel)

<li ><a href="#tab_{{ $hotel->id }}" data-toggle="tab" >{!!$hotel->name!!}</a></li>
@endforeach


</ul>
<div class="tab-content">
@foreach($hotels as $key => $hotel)
<div class="tab-pane {{ $key==0 ? 'active' : ''}}" id="tab_{{ $hotel->id }}">
@foreach($hotel->waiters as $waiter)
<label class="mylabel" > {{$waiter->name}} </label>
@endforeach
</div>
@endforeach
</div>

</div>

</div>
</div>

关于html - 如何在页面加载时激活选项卡-laravel,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47331372/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com