创建新标签后立即选择动态标签

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");

新的tabs语法太复杂了（1.9升级后）..

还有一个问题，从 1.9 开始，remove 方法已被弃用，所以如果我想删除特定选项卡，我应该使用 remove() 删除选项卡元素，然后删除附加的 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