2017-05-04 3 views
0

에 아코디언 탭 기반을 비활성화가 잘 작동JQuery와 내가 jQuery 코드 다음 한 URL

var activeIndex = parseInt($('#<%=hidAccordionIndex.ClientID %>').val()); 

$("#accordion").accordion({ 
       header: "h3", 
       navigation: true, 
       icons: false, 
       active: activeIndex,     
       open: function (event, ui) { 
        icons: false; 
       } 
    }); 

. 이제 URL 매개 변수를 기반으로 특정 탭을 활성화/비활성화 할 수 있습니다. 페이지보다 사용자 유형이 http://example.com/mypage.aspx?key=profile 인 경우 탭 # 3 및 # 4 만 사용하도록 설정하면 다른 모든 탭을 사용 중지해야합니다. 다른 탭보다 다른 키 값이 활성화 될 경우 모든 탭보다 URL에 키 값이 활성화되어 있으면 안됩니다.

Google 검색 결과가 많았지 만 그 중 누구도 내 문제를 해결하지 못했습니다. 도와주세요.

답변

0

간단한 해결책을 찾았습니다. 여기에 게시하는 것은 다른 사람에게 유용 할 수 있습니다. .CSS에서

추가 : .ASPX에서

.ui-accordion-header-disable 
{ 
    background-color:#dddddd; 
} 

당신이 원하는 헤더에이 클래스를 추가 조건부 해제하려면 다음과

<div id="accordion"> 
     <div class="ui-accordion-header-disable "> 
      <h3 id="acc_email"><a href="#"><span style="font: 12px Arial, Helvetica, sans-serif; font-weight: bold">E-mail</span></a></h3> 
      .... 
     </div> 

쓰기 스크립트

<script id="scriptInit" type="text/javascript"> 


      $(document).ready(function() { 

       var key = getParameterByName('key'); 

       if(key == 'passwordchange') 
        $('.ui-accordion-header-disable').addClass('ui-state-disabled').unbind('click'); 
       else 
        $('.ui-accordion-header-disable').removeClass('.ui-accordion-header-disable').bind('click');     

      }); 

      .... 

    </script>