2012-02-19 91 views
0

所以我使用的jQuery UI的选项卡功能,它工作得很好,但是每次我点击我的“添加标签”按钮,动态地添加一个标签,它推动我的内容的当前选择的标签了。当它添加一个标签时,它会跳过一个标签ID。 (即#ui-tabs-1,#ui-tabs-3,#ui-tabs-5)。通过浏览Chrome开发工具,我发现它基本上是为每个新标签添加一个额外的容器。所以,如果我添加了一个选项卡那里得到下推将#UI的标签-2和实际的新标签将#UI的标签-3的区域。这在UI选项卡演示中不会发生,所以我不确定哪里出错。jQuery UI的标签添加额外的选项卡

这里是发生了什么,以便更好地展现你的小提琴:http://jsfiddle.net/zKxYb/

回答

0

通过删除解决select:正在调用“添加”两次导致内容被压下的方法。

0

添加下面的风格在你的脑袋标签

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

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

+0

这有助于我的风格关闭按钮较多,但问题依然存在。 – 2012-02-19 05:30:39