为什么Jquery不能在asp.net中使用LinkBut​​ton的CssClass属性？

Question

我有这段代码：

jquery的：

$(".clr").click(function () {
            $(".clr").each(function () {
                $(this).parents("li").css("background", "#000")
            })
            var color1 = "#f8ac00";
            $(this).parents("li").css("background", color1);
        });

ASP.NET：

 <ul id="css3menu1" class="topmenu">

                    <li class="topfirst">
                        <asp:LinkButton ID="lnkbtn_dashbd" CssClass="clr" Height="18" Width="100" runat="server">Dashboard</asp:LinkButton>
                    </li>
                    <li class="topmenu">

                        <asp:LinkButton ID="lnkbtn_events" CssClass="clr" Height="18" Width="100" runat="server">Events</asp:LinkButton>

                    </li>
                    <li class="topmenu">
                        <asp:LinkButton ID="lnkbtn_myaccount" CssClass="clr" Height="18" Width="100" runat="server">My Account</asp:LinkButton>


                    </li>


                    <li class="toplast">
                        <asp:LinkButton ID="lnkbtn_abtus" CssClass="clr" Height="18" Width="100" runat="server">About Us</asp:LinkButton>
                    </li>
                </ul>

图片参考：

我已经定义了LinkBut​​ton的CssClass属性，将其映射到Jquery类。但是点击后，这段代码无效。我不知道为什么？请帮帮我。

Answer 1

除了不知道你从按钮点击（页面回发？）获得什么行为，这些只是我的建议放在一起让你尝试。

请尝试以下测试：

   $(".clr").click(function (e) {
        // Stop the click behavior for now (postback?)
        e.preventDefault();

        // Turn off all the LIs
        $("li:has(.clr)").css("background", "#000");

        // Turn on the closest LI to the clicked linkButton
        var color1 = "#f8ac00";
        $(this).closest("li").css("background", color1);
    })