在jquery的回發期間，我該如何留在選定的選項卡中？

-2

我有以下jquery將選定的選項卡設置爲活動選項卡，但它不工作。有人可以幫我嗎？基本上我使用隱藏字段來保存選定的選項卡，並且在就緒功能中將其設置爲活動狀態。在jquery的回發期間，我該如何留在選定的選項卡中？

<script type="text/javascript"> 
     $(document).ready(function() { 
      var tab = $get('selected_tab').value; 

      //When page loads... 
      $(".tab_content").hide(); //Hide all content 
      $("ul.tabs li:tab").addClass("active").show(); //Activate first tab 
      $(".tab_content:tab").show(); //Show first tab content 

      //On Click Event 
      $("ul.tabs li").click(function() { 

       $("ul.tabs li").removeClass("active"); //Remove any "active" class 
       $(this).addClass("active"); //Add "active" class to selected tab 
       $(".tab_content").hide(); //Hide all tab content 

       var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content 
       $(activeTab).fadeIn(); //Fade in the active ID content 
       return false; 
      }); 

     }); 
    </script> 

<div id="content"> 
<input typE="hidden" id="selected_tab" name="selected_tab" value="0" /> 
<ul class="tabs"> 
    <li><a href="#tab1" onclick="document.getElementById('selected_tab').value=0;">Details</a></li> 
    <li><a href="#tab2" onclick="document.getElementById('selected_tab').value=1;">History</a></li> 
    <li><a href="#attachmentcontent" onclick="document.getElementById('selected_tab').value=2;">Attachments</a></li> 
    </ul>

來源

2011-10-11 GLP

檢查此鏈接http://forums.asp.net/p/1599404/4064850.aspx –

我該怎麼做？我很滿意的唯一答案是正則表達式。我還沒有得到任何其他問題的好答案。 – GLP

你必須設置SELECTED_TAB的價值在你的服務器代碼，然後顯示選項卡[selected_tab_value]上的document.ready

ASCX

<asp:HiddenField runat="server" id="selected_tab" name="selected_tab" />

ascx.cs

來源

2011-10-11 14:36:55 Rob

感謝您的快速回答。在tab3中，我有兩個控件會導致回發，我應該在所有控件事件中設置selected_tab還是隻能將它放在page_load中？ – GLP

只要把它放在page_load中，我猜應該工作得很好。每次回傳都會調用page_load get，所以這應該不成問題。 – Rob

如何使用jquery中隱藏字段的值？感謝 – GLP

在jquery的回發期間，我該如何留在選定的選項卡中？

回答

相關問題