多个ul选项卡元素，js不起作用

Question

我正在尝试制作多个ul标签元素，使用java显示不同的标签。 这工作正常，只要我只有一个ul元素的选项卡。当我为新标签创建新的ul时，这将无效。

所以我试图制作两个ul元素，每个元素有3个标签。加载页面时，带有制表符的第一个ul元素加载正常，但第二个ul元素不起作用。

请查看此jsfiddle以查看我正在使用的代码并查看我遇到的问题。

我的猜测是，问题可能与以下内容有关：

for ( var id in tabLinks ) {
    tabLinks[id].onclick = showTab;
    tabLinks[id].onfocus = function() { this.blur() };
    if ( i == 0 ) tabLinks[id].className = 'selected';
    i++; }

脚本可能以某种方式不在同一页面上加载两个ul元素。所有帮助表示赞赏。

祝你好运， 帕特里克

Answer 1

您不能拥有两个具有相同ID的元素（在这种情况下，两个ul具有ID tabs）。所有选择器和事件将仅应用于第一个元素，这就是为什么只有第一个选项卡有效。