Javascript JQuery中的选项卡创建菜单

我试图添加“创建选项卡”菜单，但我想在用户单击“保存并继续”按钮时向用户显示新选项卡

使用下面的脚本

<script>

$(function () 
{
     var $tabs = $("#tabs");
     $tabs.tabs();
     $tabs.tabs("option", 'disabled', [1, 2, 3]);
     function getSelectedTabIndex() 
     {
          return $tabs.tabs('option', 'selected');
     }

     $("#goNext").click(function () 
     {
          var b = getSelectedTabIndex() + 1;
          $tabs.tabs('enable', b);
          $tabs.tabs('option', 'active', b);
          $tabs.tabs('option', 'selected', b);
      });
});
</script>

---

请尝试以下代码

也住在这里

步骤1：创建选项卡

步骤2：实现“addTab”功能

在jQueryUI中，试试这个

$( "#tabs" ).tabs( {active:1});
// activate next tab
$( "#tabs" ).tabs( "option", "active", tabCounter-1 );

演示链接

function addTab(title, url){
    if ($('#tt').tabs('exists', title)){
        $('#tt').tabs('select', title);
    } else {
        var content = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:100%;"></iframe>';
        $('#tt').tabs('add',{
            title:title,
            content:content,
            closable:true
        });
    }
}

$( "#tabs" ).tabs( {active:1});
// activate next tab
$( "#tabs" ).tabs( "option", "active", tabCounter-1 );