Question

演示：http://jsfiddle.net/axrwkr/ujUu2/

var num_tabs = $("div#tabs ul li").length + 1;

        $("div#tabs ul").append(
            "<li><a href='#tab" + num_tabs + "'>#" + num_tabs + "</a></li>"
        );
$("div#tabs").append(
            "<div id='tab" + num_tabs + "'>#" + num_tabs + "</div>"
        );
        $("div#tabs").tabs("refresh");

新的标签语法非常复杂（1.9升级后）..

还有一个问题，1.9以后删除方法已被删除，所以如果我想删除一个特定的选项卡，我应该使用remove（）删除tab元素，然后删除附加的div（内容）？那听起来不太实际..

Answer 1

在$("button#add-tab").click(function()

的末尾添加此内容

DEMO

$('a[href=#tab'+num_tabs+']').click(); //click new tab link to make it active

或者您可以使用active选项

DEMO

$("div#tabs").tabs("refresh").tabs({ active:num_tabs - 1});

Answer 2

使用active选项

$("div#tabs").tabs("refresh").tabs('option', 'active', num_tabs - 1);

演示：Fiddle

在创建新标签时立即选择动态标签

2 个答案: