Question

我有一个kendo ui tabstrip。在页面加载时，我删除了包含空内容的选项卡。

它工作正常，我得到了我需要显示的标签，但在标签之间移动不再有效。

例如我有这样的结构：标签1 - 有内容标签2 - 没有内容 - 已删除标签3 - 包含内容

加载页面时，会加载并选择选项卡1，但是当我点击标签3时，我得到空的内容。 HTML结构没问题。 aria-controls属性保存正确的值（tabs 1的tabstrip_wp_c09daa66ff014cc29c09eca6d0c9acfb-1，tab 3的tabstrip_wp_c09daa66ff014cc29c09eca6d0c9acfb-2），这是div的id。

两个div都有正确的ID和相关内容。

点击Tab 3后，相应的div不会以任何方式改变（仍然具有相同的css类，并且aria-hidden =“true”aria-expanded =“false”）。

任何人都知道为什么会这样？

由于

Answer 1

也许您正在使用ajax和tabstrip加载内容，尝试将已加载的内容添加到已删除的标签页？如果是这样，您应该使用contentLoad事件代替document.ready（）。

我的替代方法是隐藏空标签而不是删除它：

var tabStrip = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");
var items = $($("#tabstrip").data("kendoTabStrip").items());
if (contentHolder.text() == "") {
  $(items[i]).hide();
}

此外，您必须检查第一个非空标签的索引并选择它。

Kendo UI选项卡 - 删除选项卡后选项卡不起作用

1 个答案: