更改 JQuery UI 选项卡名称不适用于 Internet Explorer答案

【问题标题】：Changing a JQuery UI tab name does not work with Internet Explorer更改 JQuery UI 选项卡名称不适用于 Internet Explorer
【发布时间】：2012-12-12 18:20:55
【问题描述】：

在 Firefox 和 Chrome 中，我可以通过以下方式动态更改 JQuery UI 选项卡上的文本：

$('#tabs ul:first li:eq(' + tabNumber + ') a').append(" ( " + counter + " )");

但是，这不适用于 Internet Explorer 9。.append() 函数不是罪魁祸首，似乎是 IE 找不到'#tabs ul:first li:eq(' + tabNumber + ') a'。

有谁知道解决这个问题的可能方法？

谢谢！

【问题讨论】：

我刚刚设置了一个 jsfiddle，它工作正常。然后我将问题追溯到我设置 tabNumber 的位置。 IE 调试告诉我 tabNumber 是 NaN（不是数字）。这是我声明它的地方： var tabNumber = tabId[tabId.length - 1] - 1;
我对上述语句的尝试是从字符串中解析一个数字：“tabs-4”，然后从该数字中减去一个。

标签： jquery jquery-ui internet-explorer-9

【解决方案1】：

通过将 tabNumber 设置为修复

var tabNumber = tabId.charAt( tabId.length-1 ) - 1;

而不是

var tabNumber = tabId[tabId.length - 1] - 1;

后者似乎不适用于 IE。

【讨论】：