jQuery UI选项卡添加额外的选项卡

Question

所以我正在使用jQuery UI的标签功能，它工作正常，但每次我点击我的“添加标签”按钮动态添加标签时，它会将我的内容推送到当前选定的标签。当它添加选项卡时，它会跳过选项卡ID。 （即＃ui-tabs-1，＃ui-tabs-3，＃ui-tabs-5）。通过Chrome开发工具，我注意到它基本上为每个新标签添加了一个额外的容器。因此，如果我添加了一个选项卡，它被推下的区域将是＃ui-tabs-2，而实际的新选项卡将是＃ui-tabs-3。这不会发生在UI标签演示中，所以我不确定我哪里出错了。

以下是更好地向您展示的内容：http://jsfiddle.net/zKxYb/

Answer 1

在标题中添加以下样式

 #tabs li .ui-icon-close {
float: left;
margin: 0.4em 0.2em 0 0;
cursor: pointer;
}

这是更新的小提琴http://jsfiddle.net/zKxYb/3/

Answer 2

解决方法是删除两次调用“添加”的select:方法，导致内容被推下。