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({無効: [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 に答える