Javascript 制表符内容赢得';单击选项卡时不显示

Javascript 制表符内容赢得';单击选项卡时不显示,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一些选项卡,但当我单击选项卡按钮时,它不会显示其内容。“主页”选项卡似乎可以工作,但内容应该在单击之前隐藏。其他选项卡无法正常工作。我正在使用谷歌浏览器 document.getElementById(“home”).style.display=“inline”; var tabLinks=新数组(); var contentDivs=新数组(); 函数init(){ var tabListItems=document.getElementById('tabs').childNodes;

我有一些选项卡,但当我单击选项卡按钮时,它不会显示其内容。“主页”选项卡似乎可以工作,但内容应该在单击之前隐藏。其他选项卡无法正常工作。我正在使用谷歌浏览器

document.getElementById(“home”).style.display=“inline”;
var tabLinks=新数组();
var contentDivs=新数组();
函数init(){
var tabListItems=document.getElementById('tabs').childNodes;
对于(变量i=0;i
正文{
背景:url('image/bg1.png');
}
导航{
背景:rgba(0,0,0,0);
高度:80px;
边界半径:0px;
}
导航ul{
宽度:50%;
保证金:自动;
}
李国荣{
列表样式类型:无;
宽度:150px;
边缘顶部:15px;
浮动:左;
边界:无;
文本对齐:居中;
}
李阿{
字体系列:“Lucida Sans Unicode”,“Lucida Grande”,无衬线;
文字装饰:无;
颜色:#333333;
边界半径:0px;
文本阴影:0 1px 1px rgba(0,0,0,5);
线高:50px;
显示:块;
过渡:全部缓进缓出250ms;
}
李娜:停下来{
背景:rgba(255,255,255,2);
盒影:0 8px 8px-6px#333;
颜色:#22222;
填充:0px 0px;
文本阴影:0 2px4pRGBA(0,0,0,5);
}
.主题{
背景:rgba(0,0,0,0);
浮动:左;
宽度:80px;
文本对齐:居中;
左边距:15px;
填充:10px 15px;
颜色:#111;
文本阴影:0 1px2pRGBA(0,0,0,5);
边界:无;
过渡:全部缓进缓出250ms;
}
.主题:悬停{
光标:指针;
背景:rgba(255,255,255,3);
颜色:#000;
文本阴影:02px2pRGBA(0,0,0,6);
盒影:0 8px 10px-6px#333;
过渡:全部缓进缓出150ms;
边界:无;
}
.主题:活动{
背景:rgba(255,255,255,3);
填充:10px 15px;
盒影:0#333;
颜色:#000;
文本阴影:0 rgba(0,0,0,6);
边界:无;
}
.盒子{
字体系列:“Lucida Sans Unicode”,“Lucida Grande”,无衬线;
填充:100px 200px;
背景:rgba(255,255,255,3);
盒影:0 10px 15px-6px#333;
}
目录{
显示:无;
}
人力资源风格{
边界:0;
身高:0;
边框顶部:1px实心rgba(0,0,0,0.1);
边框底部:1px实心rgba(255、255、255、0.3);
}
#订单标签:悬停{
背景#ab1f;
}


欢迎

产品

准备好失败了吗?

如果你正在读这篇文章,你失败了。


控制台中出现以下错误:

未捕获类型错误:this.getAttribute不是函数

此错误来自以下行:

tabLinks[id].onclick = showTab();
您必须将该函数用作引用,否则javascript引擎将在解析该行时立即执行该函数,更改如下:

tabLinks[id].onclick = showTab;
$(文档).ready(函数(){
$(“#主页”).show();//默认显示主页选项卡
$('#制表符a')。在('click',函数(){//
var id=$(this.attr('href');//查找相应的id
$('.tabContent').hide();//隐藏所有tabContent元素
$(id).show();//显示相应的内容
});
});
正文{
背景:url('image/bg1.png');
}
导航{
背景:rgba(0,0,0,0);
高度:80px;
边界半径:0px;
}
导航ul{
宽度:50%;
保证金:自动;
}
李国荣{
列表样式类型:无;
宽度:150px;
边缘顶部:15px;
浮动:左;
边界:无;
文本对齐:居中;
}
李阿{
字体系列:“Lucida Sans Unicode”,“Lucida Grande”,无衬线;
文字装饰:无;
颜色:#333333;
边界半径:0px;
文本阴影:0 1px 1px rgba(0,0,0,5);
线高:50px;
显示:块;
过渡:全部缓进缓出250ms;
}
李娜:停下来{
背景:rgba(255,255,255,2);
盒影:0 8px 8px-6px#333;
颜色:#22222;
填充:0px 0px;
文本阴影:0 2px4pRGBA(0,0,0,5);
}
.主题{
背景:rgba(0,0,0,0);
浮动:左;
宽度:80px;
文本对齐:居中;
左边距:15px;
填充:10px 15px;
颜色:#111;
文本阴影:0 1px2pRGBA(0,0,0,5);
边界:无;
过渡:全部缓进缓出250ms;
}
.主题:悬停{
光标:指针;
背景:rgba(255,255,255,3);
颜色:#000;
文本阴影:0 2px 2px rgba(0