ASPX 引导选项卡类访问问题

Question

我正在使用引导导航选项卡，但我有一个问题：从代码隐藏中，我无法在选择 [li] 标签时获取属性"class"的值。它始终返回 null。 这是我的aspx：

<!-- This is the js to prevent losing active tab after postback -->
<script type="text/javascript">
$(function () {
var tabName = $("[id*=TabName]").val() != "" ? $("[id*=TabName]").val() : "personal";
$('#Tabs a[href="#' + tabName + '"]').tab('show');
$("#Tabs a").click(function () {
$("[id*=TabName]").val($(this).attr("href").replace("#", ""));
});
});
</script>

<div id="Tabs" role="tabpanel">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li runat="server" id="Tab1" role="tab">
<a href="#personal" aria-controls="personal" role="tab" data-toggle="tab">Personal</a>
</li>
<li runat="server" id="Tab2" role="tab">
<a href="#employment" aria-controls="employment" role="tab" data-toggle="tab">Employment</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content" style="padding-top: 20px">
<div role="tabpanel" class="tab-pane active" id="personal">
This is Personal Information Tab
</div>
<div role="tabpanel" class="tab-pane" id="employment">
This is Employment Information Tab
</div>
</div>
</div>
<asp:Button ID="Button1" Text="Submit" runat="server" CssClass="btn btn-primary" OnClick="Button1_Click" />
<asp:HiddenField ID="TabName" runat="server" />
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

• 代码隐藏：

protected void Button1_Click(object sender, EventArgs e)
{
string cl1 = Tab1.Attributes["class"];
string ro1 = Tab1.Attributes["role"];
Label1.Text = "class of tab1: " + cl1 + "<br />role: " + ro1;
}

- 当我在选择选项卡 1 时单击按钮 1 时 --> 我的结果显示在标签 1 上：

class of tab1: {nothing}
role: tab

从同一个标记 [li] 中，可以检索属性"角色"，但"类"为 null。 我确实对此一无所知，因为当我检查元素时，该 [li] 的类是"活动的" 我试着在谷歌上搜索，但找不到类似的问题。 请帮我解决这个问题，谢谢!!

Answer 1

<li runat="server" class="yourclass" id="yourid" >

将 runat="server" 属性添加到您的 li 元素中，然后从您的代码中调用 li 的 id，例如 yourid。属性，您可以为元素添加或删除类