Question

我有以下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>

Answer 1

您必须在服务器代码中设置selected_tab的值，然后在document.ready上显示选项卡[selected_tab_value]

ASCX

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

ascx.cs

int selectedtab = 5;
selected_tab.value = selectedtab.toString();

如何通过jquery在回发期间留在选定的选项卡中？

1 个答案: