ASP.NET에서 런타임시 jQuery 탭을 사용 또는 사용하지 않도록 설정하는 방법

Question

AJAX 콘텐츠를 기반으로 jQueryUI 탭을 사용하지 않도록 설정하고 사용 설정하려고합니다.

<script> 
     $(function() { 
      $("#tabs").tabs({ 
       disabled: [1, 2,3], 
       collapsible: true, 
       fx: [{ 
        opacity: 'toggle', 
        duration: 'slow', 
        height: 'toggle' 
       }, 
        { 
         opacity: 'toggle', 
         duration: 'slow', 
         height: 'toggle' 
        }], 
       beforeLoad: function (event, ui) { 
        ui.jqXHR.error(function() { 
         ui.panel.html(
          "Couldn't load this tab. We'll try to fix this as soon as possible. "; 
        }); 
       } 
      }); 
     }); 


    </script> 

그리고 HTML 코드 : 예를 들어

<div id="tabs"> 
      <ul> 
       <li class="context-tab"><a id="recent-tab" href="#iframe1">Recent</a></li> 
       <li class="context-tab"><a id="popular-tab" href="#iframe2">Popular</a></li> 
       <li class="context-tab"><a id="random-tab" href="#iframe3">Random</a></li> 
       <li class="context-tab"><a id="question-tab" href="#iframe4">By Question</a></li> 

      </ul> 
      <iframe id="iframe1" src="Default2.aspx" style="width: 100%;" height="900"></iframe> 

      <iframe id="iframe2" src="Default3.aspx" style="width: 100%;"></iframe> 

      <iframe id="iframe3" src="Default2.aspx" style="width: 100%;"></iframe> 

      <iframe id="iframe4" src="Default3.aspx" style="width: 100%;"></iframe> 
     </div> 

사용자가 popular-tab 선택이 Default3.aspx 페이지를로드합니다. 모든 페이지에 나는 Next 버튼이 있습니다. 사용자가 Next 버튼을 클릭하면 다음 탭을 사용할 수 있지만 이전 탭은 사용할 수 없습니다. 예를 들어 recent-tab의 사용자가 Next 버튼 recent-tab을 클릭했지만 popular-tab이 비활성화 된 경우를 예로들 수 있습니다.

편집 01 :
전, 4 페이지 예를 page1.aspx, page2.aspx, page3.aspx, page4.aspx을 기본에 내가 탭이 사용자가 타베 recent-tab 사용자에 대한 부하 page1.aspx 및 page2.aspx 및 page3.aspx 및 page4.aspx을 선택하면 PAGE1의 난에, unactive입니다 이 단추에서 사용자가 단추를 클릭하면 popular-tab으로 가고 page3.aspx을로드하고 비활성 탭과 활성 탭을 선택하십시오. 및 기타, 페이지 2에서 다음에 대한이 코드를 작성할 때 작동하지 않습니다. 도움 주셔서 감사합니다

고마워요.

Answer 1

'다음'버튼의 클릭 이벤트에서 이전 탭을 비활성화하는 onclick 기능을 사용할 수 있습니다.

는 예를 들어, 당신은 다음 버튼을 다음과 같이 보일 것이다 '최근 탭'의 다음 버튼을 클릭하면 :

<button onclick="$('.next-button').tabs({ disabled: [ 1, 2, 3 ] })">Next</button> 

아래는 탭 비활성화에 대한 공식 문서입니다. [본]의

http://api.jqueryui.com/tabs/#option-disabled