jQuery选项卡:双击

时间:2011-10-23 13:35:49

标签: javascript jquery tabs border

我有一个jQuery / Javascript选项卡的脚本,每2秒更改一次,如果单击一个,它将停止更改。目前,当标签处于“有效”状态时(如当前显示的标签),background-color内容和boreder-bottom将与标签颜色相同,当标签处于非活动状态时,它的边框将为结果如下:border-bottom: 1px black solid;。该脚本运行良好,但问题是,如果我双击选项卡(即使点击延迟了很长时间),即使选项卡处于活动状态,边框也会变黑。 这是我的jsFiddle示例: http://jsfiddle.net/rD6EZ/4/。另外,如何更快地加载第一个标签,因为此刻,我必须等待2秒,所以我只是添加了手册“加载”标签。

1 个答案:

答案 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++)