Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/asp.net/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在ASP.NETC中通过JQuery将类添加到html标记中#_Asp.net_Addclass - Fatal编程技术网

在ASP.NETC中通过JQuery将类添加到html标记中#

在ASP.NETC中通过JQuery将类添加到html标记中#,asp.net,addclass,Asp.net,Addclass,我试图在标记中添加类,但当web表单发回时,它丢失了:( 这是我的JQuery代码 <script> $(document).ready(function () { $("li").click(function () { $("li").removeClass(); $(this).addClass("active"); }); }); </script> $(文

我试图在标记
  • 中添加类,但当web表单发回时,它丢失了:(

    这是我的JQuery代码

    <script>
        $(document).ready(function () {
            $("li").click(function () {
                $("li").removeClass();
                $(this).addClass("active");
            });
        });
    </script>
    
    
    $(文档).ready(函数(){
    $(“li”)。单击(函数(){
    $(“li”).removeClass();
    $(此).addClass(“活动”);
    });
    });
    
    无法持久保存未在“服务器”上运行的任何内容;您需要存储有关所选元素(某处)的信息-利用单击的链接或将上次单击的元素的id存储到隐藏字段中:

    <ul>
        <li id="uid1"><asp:Linkbutton ID="Linkbutton1" runat="server" Text="Text1"/></li>
        <li id="uid2" class="active"><asp:Linkbutton ID="Linkbutton2" runat="server" Text="Text2"/></li>
    </ul>
    
    <asp:HiddenField ID="hfActive" runat="server" />
    
    <script type="text/javascript">
        $(document).ready(function () {
            var sId = $('#<%= hfActive.ClientID %>').val();
            if (sId != "") {
                $("li").removeClass();
                $('#' + sId).addClass("active");
            }
    
            $("li").click(function () {
                $('#<%= hfActive.ClientID %>').val($(this).attr('id'));
                $("li").removeClass();
                $(this).addClass("active");
            });
        });
    </script>
    
    $(文档).ready(函数(){ var sId=$('#').val(); 如果(sId!=“”){ $(“li”).removeClass(); $('#'+sId).addClass(“活动”); } $(“li”)。单击(函数(){ $('#').val($(this.attr('id')); $(“li”).removeClass(); $(此).addClass(“活动”); }); });

    注意:在这种情况下,“li”元素必须分配唯一的id。

    它工作得很好。谢谢xD,我是JQuery的初学者,但我不知道如何开始…你能给我一些书或网站来改进我的JQuery语言吗…非常感谢:D
    <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>
    
    <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();
    }