我有一个jQuery / Javascript选项卡的脚本,每2秒更改一次,如果单击一个,它将停止更改。目前,当标签处于“有效”状态时(如当前显示的标签),background-color
内容和boreder-bottom
将与标签颜色相同,当标签处于非活动状态时,它的边框将为结果如下:border-bottom: 1px black solid;
。该脚本运行良好,但问题是,如果我双击选项卡(即使点击延迟了很长时间),即使选项卡处于活动状态,边框也会变黑。
这是我的jsFiddle示例:
http://jsfiddle.net/rD6EZ/4/。另外,如何更快地加载第一个标签,因为此刻,我必须等待2秒,所以我只是添加了手册“加载”标签。
答案 0 :(得分:1)
这将修复黑色边框问题:
if( typeof prevTab !== 'undefined' && $(element).attr('class')!= $(prevTab).attr('class'))
结束延迟,例如:
var timer = setInterval(function() {
if(!klik){
st %= nrTabs;
tabChange(tTab.eq(st++));
}
else{
clearInterval(timer);
}
}, 2000);
st %= nrTabs;
tabChange(tTab.eq(st++)