Jquery ui选项卡隐藏div出现在主选项卡上

Question

我不确定如何描述/询问这个问题，所以我会尽力而为。我正在 jquery 的选项卡中使用添加选项卡功能。在第一个选项卡上，我有一个 jqgrid，用于选择要在新选项卡中打开的项目。当选择一个项目时，新选项卡已成功创建，但在 jqgrid 下方添加了一个 div，如下所示（添加了空格）。我可能做错了什么导致这个幻像 div 出现？我使用 firebug 发现了这一点，但由于我还没有切换选项卡，所以应该不会显示任何内容，对吗？另外，似乎我为每个 addtab 创建了 2 个 div。 2正常吗？
编辑：2 不正常，示例代码不会在 jquery ui 网站上创建两个。

<div id="ui-tabs-2" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide"></div>

谢谢。

用于 addtab 的代码。

function addTab() {
    var selected_row = $grid.jqGrid('getGridParam',('selrow'));
    $tabs.tabs('add', selected_row, selected_row);
}

和选项卡模板。

tabTemplate: "<li><a href='#{href}'>#{label}</a><span class='ui-icon ui-icon-close'>Remove Tab</span></li>",

编辑：基本上添加一个选项卡就是创建两个 div。奇数 ID 确实是需要的，偶数 ID 则不需要。 （id id =“ui-tabs-3”的div是正确的，但是还添加了另一个选项卡，其id =“ui-tabs-2”。不需要2。）我没有告诉它添加两个选项卡，偶数编号的内容是愚蠢的并且什么都没有，但我相信它会导致每次添加新选项卡时疯狂的空白出现并增长。有什么想法吗？我没有做任何复杂的事情，并且无法进一步分解代码，我认为如果不取消添加功能本身，就无法实现。

谢谢。

编辑：还有选项卡初始化的东西？我错过了一些明显的事情吗？看起来好像涉及 6 行代码，人们会认为我会看到我搞砸了什么？

var $tabs = jQuery("#tabs").tabs({
                    //tabTemplate: "<li><a href='http://localhost:8000/tickets/byId/#{href}/'>#{label}</a> <span class='ui-icon ui-icon-close'>Remove Tab</span></li>",
                tabTemplate: "<li><a href='#{href}'>#{label}</a><span class='ui-icon ui-icon-close'>Remove Tab</span></li>",
                ajaxOptions: {
                    error: function(xhr, status, index, anchor) {
                        jQuery(anchor.hash).html("If you're reading this then something didn't go right....oops.");
                    }
                }
            }).bind("tabsselect",function(event,ui){
                if (ui.index == 0) {
                    $grid.trigger('reloadGrid');
                }
            });

Answer 1

我相信这个错误回答了我的问题。

http://bugs.jqueryui.com/ticket/5069