Jquery ui jquery ui选项卡-在同一页面上多次使用

我正在使用jqueryui实现选项卡

但是，我需要在同一页上使用多个

---

但是jquery使用id“tabs”（与类或其他东西相反），因此它只适用于第一个实例

您能更改选项卡前缀吗

$( ".selector" ).tabs({ idPrefix: 'ui-tabs-primary' });

---

除此之外，它似乎是开箱即用的。

也许不是最好的方法，但我为两个标签工作

第一选项卡

$（函数（）{
变量选项={
事件：'mouseover'，
已选：0
};
$（“#制表符”）。制表符（选项）；
});
.....

---

第二选项卡

$（函数（）{
变量选项={
事件：'mouseover'，
已选：0
};
$（“.tabs”）.tabs（选项）；
});
.....

另一种方法是：

  $(document).ready(function() {
    $("#tabs1").tabs();
    $("#tabs2").tabs();

  });

它工作完美！您可以添加所需的选项卡

$( "#tabs, #tabs1, #tabs2" ).tabs();

---

非常感谢您的支持

我丢失了一行代码，而你的代码帮助我发现了我的错误。

  $(document).ready(function() {
    $("#tabs1").tabs();
    $("#tabs2").tabs();

  });

$(document).ready(function()
    $("#tabs1, #tabs2").tabs();
});

$(document).ready(function()
    $("#tabs1, #tabs2").tabs();
});

$( "#tabs, #tabs1, #tabs2" ).tabs();