如何在laravel javascript中设置默认的活动选项卡？

如何让我的第一个选项卡处于活动状态并处于选中状态，因为当我加载页面时，没有一个选项卡处于活动状态

这是加载页面时的选项卡

这是在单击选项卡之后

html

                     <div class="tabbable-line ">

                        <!-- Nav Nav-tabs Start -->
                        <ul class="nav nav-tabs tabs_content">
                            @foreach ($routes as $route)
                                <li  >
                                    <a href="#{{ $route->id }}" id="ad" data-toggle="tab">
                                        {!! $route->name !!}
                                    </a>
                                </li>
                            @endforeach
                        </ul>

                        <div class="tab-content blog_tabs">
                            <!-- tab-content is coming from javascript -->
                        </div>
                   </div>

@foreach（$routes作为$route）


@endforeach

导航内容是javascript格式的，因为在选择“任何时候”选项卡时，都会有来自控制器的数据，所以下面是

导航内容Javascript

$("ul.nav-tabs > li > a").click(function() {
        var id = $(this).attr("href").replace("#", "");
        console.log(id);

        if(id) {
            $.ajax({
                url: "{{ route('user.schedule.getId') }}",
                type: "GET",
                data:{'id':id},
                dataType: "json",
                success:function(data) {
                    $(".tab-content").empty();
                    $(".tab-content").html('<div class="tab-pane" name="schedule" id="'+ id +'">')
                    $.each( data, function( index, object ) {
                        $(".tab-content").append('<ul class="list-group"><li class="list-group-item">'+ object['schedule_number'] +'</li></ul></div>');

                    });

                }
            });
        }    
  });

$（“ul.nav-tabs>li>a”）。单击（函数（）{
var id=$（this.attr（“href”）.replace（“#”，”）；
console.log（id）；
如果（id）{
$.ajax({
url:“{route（'user.schedule.getId'）}}”，
键入：“获取”，
数据：{'id'：id}，
数据类型：“json”，
成功：功能（数据）{
$（“.tab内容”）.empty（）；
$（“.tab内容”）.html（“”）
$.each（数据、函数（索引、对象）{
$（“.tab内容”）.append（“
”+对象['schedule\u number']+”
/ul>）；
});
}
});
}    
});

在foreach循环中，为数组中的第一个项添加一个类active：

<ul class="nav nav-tabs tabs_content">
   @foreach ($routes as $index => $route)
      <li {{ $index== 0 ? 'class="active"' : '' }}>
         <a href="#{{ $route->id }}" id="ad{{ $route->id }}" data-toggle="tab">
            {!! $route->name !!}
         </a>
      </li>
   @endforeach
</ul>

@foreach（$index=>$route的路由）


@endforeach

---

添加请注意，id在您的文档中必须是唯一的。

谢谢您的回答，但这是相同的错误没有默认选项卡我忘记了索引变量的美元符号-->

@foreach（$index=>$route）

或者您可以尝试以下语法：

导航选项卡处于活动状态，但没有内容。。。我的意思是，第一个选项卡处于活动状态，但其内容未处于活动状态，谢谢您尝试添加此行

$（文档）。$（“ul.nav-tabs>li:first>a”）。触发器（“单击”）

在

$（“ul.nav-tabs>li>a”）下。单击（function（）{…}）

snippet..这样，您将触发列表中第一个元素的单击事件以生成其内容。javascript错误将出现

未捕获类型错误：$（…）。$不是函数

。。。这是正常的吗`