html - 如何在页面加载时使选项卡处于事件状态 -laravel

Question

当我登陆页面时如何才能获得第一个选择？当我登陆页面时，我必须先选择一个选项卡，但是有没有办法可以在我登陆页面时选择第一个选项卡？

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

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>

Answer 1

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

<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>