어떻게 JQuery와

Question

내 활성 탭 unclickable하고 싶다

내 활성 탭이 unclickable 만들기 위해,하지만 난 다음이 코드를 수정하는 방법을 모른다 :

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

}) 

}

Answer 1

은 내가 위의 코드를 변경 한 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 
     }) 
    }) 

}) 

}

Answer 2

는() 함수 탭에 장애인을 원하는 탭 인덱스를 통과하십시오.

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

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