如何在運行時啓用和禁用jQuery選項卡在ASP.NET中

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是非作用，在第1頁我有用戶點擊這個按鈕時，我想要去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