Javascript JQuery UI选项卡：在第二个位置添加选项卡

在第一个选项卡和第二个选项卡之间添加选项卡时遇到问题

我有一个按钮，当它被按下一个新的标签与演示内容应该出现在第一个和第二个标签之间

$( function() {

var tabs = $( "#tabs" ).tabs();


// Actual addTab function: adds new tab using the input from the form above.
function addTab() {
  var li = $("<li><a href='#tabs-2'>OP(s)</a></li>");

  tabs.find( ".ui-tabs-nav").append( li );
  tabs.append( "<div id='tabs-3'>This should appear between first and second.</div>" );
  tabs.tabs( "refresh" );
}

// AddTab button: just opens the dialog
$( "#add_tab" )
  .button()
  .on( "click", function() {
          addTab();
  });

这是我的小提琴：

当我按下Add按钮时，带有示例内容的新选项卡应该出现在第一个和第二个选项卡之间

$( function() {

var tabs = $( "#tabs" ).tabs();


// Actual addTab function: adds new tab using the input from the form above.
function addTab() {
  var li = $("<li><a href='#tabs-2'>OP(s)</a></li>");

  tabs.find( ".ui-tabs-nav").append( li );
  tabs.append( "<div id='tabs-3'>This should appear between first and second.</div>" );
  tabs.tabs( "refresh" );
}

// AddTab button: just opens the dialog
$( "#add_tab" )
  .button()
  .on( "click", function() {
          addTab();
  });

$（函数（）{
var tabs=$（“#tabs”）.tabs（）；
//实际addTab函数：使用上面表单中的输入添加新选项卡。
函数addTab（）{
var li=$（“
”）；
tabs.find（“.ui tabs nav”）.append（li）；
tabs.append（“这应该出现在第一个和第二个之间”）；
制表符。制表符（“刷新”）；
}
//AddTab按钮：只需打开对话框
$（“#添加#选项卡”）
.按钮（）
.on（“单击”，函数（）{
addTab（）；
});

.append（）

将始终在所选元素的末尾插入内容，作为该元素的子元素

您要做的是找到第一个选项卡条目并直接在其后面插入内容（但不是作为其子项）。为此，您可以使用CSS

：first child

选择器和jQuery

。after（）

方法：

function addTab() {
  var li = $("<li><a href='#tabs-3'>OP(s)</a></li>");
  tabs.find( ".ui-tabs-nav li:first-child").after( li ); //changed this line
  tabs.append( "<div id='tabs-3'>This should appear between first and second</div>" );
  tabs.tabs( "refresh" );
}

函数addTab（）{
var li=$（“
”）；
tabs.find（“.ui tabs nav li:first child”）.after（li）；//更改了此行
tabs.append（“这应该出现在第一个和第二个之间”）；
制表符。制表符（“刷新”）；
}

请参阅，以获取可用的演示

---

有关所用选择器和方法的文档，请参阅和。

您正在使用append（）。append将在末尾添加选项卡。您好！是的，我应该在jquery ui选项卡中使用什么来在第一个选项卡和第二个选项卡之间添加选项卡？我的问题是，当我手动添加它时，某些样式不在li标记上。这正是我正在搜索的。谢谢