Javascript 选项卡活动链接未在模式下工作

我试图用活动链接在模态中打开选项卡，但最初当模态打开时，没有选项卡处于活动状态，但当单击选项卡时，它会工作

这是我的html：

$（文档）.ready（函数（）{
$（'#modal1'）。leanmodel({
就绪：函数（）{
$（'ul.tabs'）.tabs（）；
}
});
});






表1内容
表2内容
表3内容
您可以在初始化时使用
active
选项激活第一个选项卡。我修改你的html来工作。请参阅代码片段

   $('ul.tabs').tabs({ active: 0 }); // O is index of tab


$（'#选项卡'）。选项卡({
活动：0
});






表1内容
表2内容
表3内容
试试代码：

使用JqueryUi脚本

使用JqueryUI样式表



$（文档）.ready（函数（）{
$（“#modal1”）.tabs（）；
});





表1内容
表2内容
表3内容
使用导入脚本：

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>