在ASP.NET C#中通过JQuery将类添加到html标记中 [英] Add class into html tag by JQuery in ASP.NET C#

问题描述

我试图在标签

中添加类，但是当Web表单回发时，它丢失了:(

I tried to add class in tag

but when the web form postback it lost :(

<ul>
<li><asp:Linkbutton runat="server" Text="Text1"/></li>
<li class="active"><asp:Linkbutton runat="server" Text="Text2"/></li>

这是我的JQuery代码

and this is my JQuery Code

<script>
    $(document).ready(function () {
        $("li").click(function () {
            $("li").removeClass();
            $(this).addClass("active");
        });
    });
</script>

推荐答案

<ul>
   <li id="lnkbtn1" runat="server"><a href="Default1.aspx"><span>Text1</span></a></li>
   <li id="lnkbtn2" runat="server"><a href="Default2.aspx"><span>Text2</span></a></li>
</ul>

在代码文件中

protected void Page_Load(object sender, EventArgs e)
{
    setCurrentPage();  
}

private void setCurrentPage()
{
    var pagename = Convert.ToString(GetPageName());
    switch (pagename)
    {
        case "Default1.aspx":
            lnkbtn1.Attributes["class"] = "active";
            break;
        case "Default2.aspx":
            lnkbtn2.Attributes["class"] = "active";
            break;            
    }
}

private object GetPageName()
{
    return Request.Url.ToString().Split('/').Last();
}

这篇关于在ASP.NET C#中通过JQuery将类添加到html标记中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！