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

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()

演示

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

或者你可以使用active选项

演示

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

Answer 2

使用活动选项

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

演示：小提琴