Question

我不确定如何描述/问这个，所以我会尽我所能。我在jquery的选项卡中使用添加选项卡功能。在第一个选项卡上，我有一个jqgrid，我用它来选择要在新选项卡中打开的项目。选择项目时，将成功创建新选项卡，但在jqgrid下方添加一个div，其外观类似于以下内容（添加了空格）。我可能做错了导致这个幽灵div出现？我发现这是使用萤火虫，但由于我没有切换标签，但没有任何东西应该出现吗？此外，似乎我为每个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不是想要的。）我没有告诉它添加两个标签，偶数编号的东西是dumby，什么都没有，但我相信每次添加新标签时都会导致疯狂的空白区域出现并增长。有任何想法吗？我没有做任何复杂的事情，如果没有删除添加功能本身就无法进一步划分代码。

感谢。

编辑：还有标签初始化的东西？我错过了一些明显的东西吗似乎涉及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

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

1 个答案: