Javascript js不工作的多个ul选项卡元素

Javascript js不工作的多个ul选项卡元素,javascript,html,css,tabs,Javascript,Html,Css,Tabs,我正在尝试制作多个ul标签元素,使用java来显示不同的标签。 这很好,只要我只有一个标签ul元素。当我为新标签创建新ul时,这将不起作用 所以我试着制作两个ul元素,每个元素有3个标签。加载页面时,第一个带制表符的ul元素加载良好,但第二个ul元素不工作 请看一下这个,查看我正在使用的代码,并查看我遇到的问题 我的猜测是,问题可能与以下方面有关: for ( var id in tabLinks ) { tabLinks[id].onclick = showTab; tabLi

我正在尝试制作多个ul标签元素,使用java来显示不同的标签。 这很好,只要我只有一个标签ul元素。当我为新标签创建新ul时,这将不起作用

所以我试着制作两个ul元素,每个元素有3个标签。加载页面时,第一个带制表符的ul元素加载良好,但第二个ul元素不工作

请看一下这个,查看我正在使用的代码,并查看我遇到的问题

我的猜测是,问题可能与以下方面有关:

for ( var id in tabLinks ) {
    tabLinks[id].onclick = showTab;
    tabLinks[id].onfocus = function() { this.blur() };
    if ( i == 0 ) tabLinks[id].className = 'selected';
    i++; }
脚本无法在同一页上加载两个ul元素。谢谢你的帮助

致以最良好的祝愿,
Patrick

在本例中,不能有两个具有相同ID的元素,即两个具有ID选项卡的ul。所有选择器和事件将仅应用于第一个元素,这就是为什么只有第一个选项卡集起作用。

您真的是指java还是javascript?嘿,谢谢您指出这一点。。这已经不是第一次发生在我身上了…嗨,安,我试着制作相同的js代码,但是使用ID tabs2代替,在html代码中也是如此,但是这似乎仍然不起作用。嗨,安,我明白了:但是,只有一个显示了内容,两个应该同时显示内容。这与函数showtab有关吗?对不起,我现在不能检查代码。我建议重写函数,使用类名而不是ID。