0

我想让我的活动标签不可点击，但我不知道如何修改下面的代码：

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
        })
    })

})
}

非常感谢你的帮助。

编辑答案：

我现在知道答案，点击后使链接无法点击 - 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
        })
    })

})

}

4

2 回答 2

0

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

$("#tabs").tabs({disabled : [1]});

http://jsfiddle.net/PCCrb/1/ ​</p>

于 2012-04-06T16:27:19.137 回答
0

我现在知道答案，点击后使链接无法点击 - 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
        })
    })

})

}

于 2012-04-07T00:17:09.173 回答