Kendo ui 剑道UI选项卡-移除选项卡后选项卡不工作

我有一个剑道ui标签。 在页面加载时，我删除了内容为空的选项卡

它工作得很好，我得到了我需要显示的标签，但是在标签之间移动已经不起作用了

例如，我有这样的结构： 表1-具有内容 表2-无内容-已删除 表3-有内容

当我加载页面时，会加载并选择选项卡1， 但是当我点击标签3时，我得到的是空的内容。 HTML结构还可以。aria controls属性为Tab 1保存正确的值tabstrip_wp_C09; DAA66FF014CC29C09ECA6D0C9ACFB-1，为Tab 3保存正确的值tabstrip_wp_C09; DAA66FF014CC29C09ECA6D0C9ACFB-2，这是DIV的id

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

单击选项卡3后，相应的div不会以任何方式更改，仍然具有相同的css类，并且aria hidden=true aria expanded=false

有人知道为什么会这样吗

---

谢谢

也许您正在使用ajax和tabstrip加载内容，试图将加载的内容添加到已删除的tabstrip中？如果是这样，您应该使用event代替document.ready

我的另一个建议是隐藏空选项卡，而不是删除它：

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

---

此外，您必须检查第一个非空选项卡的索引并将其选中。

我无法重现您的错误。删除剑道中的制表符示例：非常有效。你能上传你的代码吗？有趣的是，我使用的代码和我在网站上使用的相同，我也不能复制它。明天我将尝试看看是什么导致了这个问题。我的问题是我在ready函数中使用了remove脚本。删除$document.ready时，它按预期工作。不，这不是问题所在。正如我所说，我有两个document.ready处理程序，一个用于初始化选项卡条，另一个用于删除空选项卡。删除document.ready处理程序中删除空选项卡的函数后，选项卡条再次开始工作。