jQuery UI 选项卡添加额外选项卡
因此，我正在利用 jQuery UI 的选项卡功能，它工作得很好，但是每次我单击“添加选项卡”按钮动态添加选项卡时，它都会将我的内容推送到当前所选选项卡的下方。当它添加选项卡时，它会跳过选项卡 ID。 （即#ui-tabs-1、#ui-tabs-3、#ui-tabs-5）。通过浏览 Chrome 开发工具，我注意到它基本上为每个新选项卡添加了一个额外的容器。因此，如果我添加一个选项卡，它被按下的区域将是#ui-tabs-2，而实际的新选项卡将是#ui-tabs-3。这在 UI 选项卡演示中不会发生，所以我不确定哪里出了问题。
这里有一个小提琴，可以更好地向您展示正在发生的事情： http://jsfiddle.net/zKxYb/
So I am utilizing jQuery UI's tabs feature and it works just fine, however everytime I click my "Add Tab" button to dynamically add a tab, it pushes my content down of the currently selected tab. And when it adds a tab, it skips a tab ID. (i.e. #ui-tabs-1, #ui-tabs-3, #ui-tabs-5). Looking through Chrome dev tools I noticed it was basically adding an extra container for each new tab. So if I added a tab the area where it gets pushed down would be #ui-tabs-2 and the actual new tab would be #ui-tabs-3. This doesn't happen in the UI tabs demo so I am unsure where I am going wrong.
Here is a fiddle of what's happening to better show you: http://jsfiddle.net/zKxYb/
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
在 head 标签中添加以下样式
这是更新的小提琴 http://jsfiddle.net/zKxYb/3/< /a>
Add the below style in your head tag
Here is the updated fiddle http://jsfiddle.net/zKxYb/3/
通过删除
select:方法来解决，该方法调用“add”两次导致内容被下推。Solved by removing the
select:method which was calling the "add" twice causing the content to be pushed down.