如何让我的活动标签在jquery中不可点击

时间:2012-04-06 16:16:25

标签: jquery tabs

我想让我的活动标签无法点击,但我不知道如何修改以下代码:

function initTabs(){
jQuery('ul.tabset').each(function(){
    var _list=jQuery(this);
    var _links=_list.find('a.tab');
    _links.eq(0).addClass('active');
    _links.each(function(){
        var _link=jQuery(this);
        var _href=_link.attr('href');
        var _tab=jQuery(_href);
        if(_link.hasClass('active'))_tab.css({"opacity":1,"display":"block"});
        else _tab.css({"opacity":0,"display":"none"});
        _link.click(function(){
            _links.filter('.active').each(function(){
                jQuery(jQuery(this).removeClass('active').attr('href')).animate({"opacity":0},000,function(){
                    jQuery(this).css({"display":"none"});_link.addClass('active');
                    _tab.css({"display":"block"}).animate({"opacity":1})})
            });
            return false
        })
    })

})
}

非常感谢你的帮助。

收到回答:

我现在从Make a link unclickable once it has been clicked - jquery

知道答案

我对上面的代码进行了更改,现在它可以正常工作了!

function initTabs(){
jQuery('ul.tabset').each(function(){
    var _list=jQuery(this);
    var _links=_list.find('a.tab');
    _links.eq(0).addClass('active');
    _links.each(function(){
        var _link=jQuery(this);
        var _href=_link.attr('href');
        var _tab=jQuery(_href);
        if(_link.hasClass('active'))_tab.css({"opacity":1,"display":"block"});
        else _tab.css({"opacity":0,"display":"none"});
        _link.click(function(){
            if($(this).hasClass('active')){
                return false;
            } else {
                _links.filter('.active').each(function(){
                    jQuery(jQuery(this).removeClass('active').attr('href')).animate({"opacity":0},000,function(){
                        jQuery(this).css({"display":"none"});_link.addClass('active');
                        _tab.css({"display":"block"}).animate({"opacity":1})})
                });
            }   
            return false
        })
    })

})

}

2 个答案:

答案 0 :(得分:0)

尝试将要禁用的选项卡索引传递给tabs()函数。

$(“#tabs”)。tabs({disabled:[1]});

http://jsfiddle.net/PCCrb/1/

答案 1 :(得分:0)

我现在从Make a link unclickable once it has been clicked - jquery

知道答案

我对上面的代码进行了更改,现在它可以正常工作了!

function initTabs(){
jQuery('ul.tabset').each(function(){
    var _list=jQuery(this);
    var _links=_list.find('a.tab');
    _links.eq(0).addClass('active');
    _links.each(function(){
        var _link=jQuery(this);
        var _href=_link.attr('href');
        var _tab=jQuery(_href);
        if(_link.hasClass('active'))_tab.css({"opacity":1,"display":"block"});
        else _tab.css({"opacity":0,"display":"none"});
        _link.click(function(){
            if($(this).hasClass('active')){
                return false;
            } else {
                _links.filter('.active').each(function(){
                    jQuery(jQuery(this).removeClass('active').attr('href')).animate({"opacity":0},000,function(){
                        jQuery(this).css({"display":"none"});_link.addClass('active');
                        _tab.css({"display":"block"}).animate({"opacity":1})})
                });
            }   
            return false
        })
    })

})

}

相关问题