如何在页面上激活标签 - HTML& Laravel

时间:2017-12-08 07:19:20

标签: php html laravel

下面是选项卡中包含的HTML表格。现在我面临的问题是,在页面加载时,所选团队应该在表格中显示。这是我在申请中注意到的。

对于用户1,在页面加载时,第一个选项卡处于活动状态,并且已选中的团队也会显示。

对于用户2和其他用户,第一个选项卡不会激活,直到我在选中的团队显示表格之前单击选项卡?

我认为这种情况正在发生,因为那里有$key。我实际上不知道为什么..任何帮助将不胜感激..谢谢

        

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

        <ul class="nav nav-tabs">
        @foreach($countries as $country)

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

        </ul>
        <div class="tab-content">
        @foreach($countries as $key => $country)

        <div class="tab-pane {{ $key==0 ? 'active' : ''}}" id="tab_{{ $country->id }}">
        <table class="table">
                            <thead>
                                <tr> 
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                 </tr>
                           </thead>
                           <tbody id="team_list">
          @foreach($country->teams as $team)
                             <tr>
                           <td>  <input onclick="return team(this)" data-team="{{$team->toJson()}}" type="checkbox" id="{!! $team->id !!}" name="{!! $team->name !!}" value="{!! $team->value !!}"  @foreach ($town->teams as $active_teams)   @if($team->id == $active_teams->id    ) checked @endif @endforeach  /></td>
                                    <td>{{$team->name }}</td>
                                    <td>{{ $team->value}}</td>
                                </tr>
          @endforeach       
       </tbody>
       </table>

         </div>
        @endforeach     
          </div>    

        </div>

      </div>

    </div>

1 个答案:

答案 0 :(得分:-1)

在PHP中,默认情况下,列表以0开头,因此用户1的键为0,用户2的键为1 ..etc 这就是为什么你只选择了“用户1”。