Question

考虑我在页面上有3个链接按钮，

<asp:LinkButton ID="LB1" runat="server" CssClass="regular" OnClick="LB1_Click">
  Today
</asp:LinkButton>
<asp:LinkButton ID="LB2" runat="server" CssClass="regular" OnClick="LB2_Click">
  Today
</asp:LinkButton>
<asp:LinkButton ID="LB3" runat="server" CssClass="regular" OnClick="LB3_Click">
  Today
</asp:LinkButton>

我想用css突出显示一个链接按钮，然后在点击另一个链接按钮时删除它的css（即）我想显示活动链接按钮。任何建议。

Answer 1

我正在使用jquery-ui并为每个按钮分配一个类abtn（输入类型=提交或者href）

我正在执行页面加载：

function dobuttons() {
        $(".abtn").hover(
            function () {
                $(this).addClass("ui-state-hover");
            },
            function () {
                $(this).removeClass("ui-state-hover");
            }).bind({

                'mousedown mouseup': function () {
                    $(this).toggleClass('ui-state-active');
                }

            }).addClass("ui-state-default").addClass("ui-corner-all")
            .bind('mouseleave', function(){$(this).removeClass('ui-state-active')});
    }

您可以在此处查看实时样本http://mrgsp.md:8080/a/Dossier/Create

Answer 2

在Page_Load中，将所有链接按钮的css类设置为默认类

LB1.CssClass = "StandardClass";
LB2.CssClass = "StandardClass";

....

在每个LinkButton的Btn_Click事件中，将其css类设置为“Active”css

例如：如果点击LB1，则在LB1_Click

内

LB1.CssClass = "ActiveClass";

这似乎很直截了当。希望我不会误解你的问题。

在asp.net中单击时将css类分配给链接按钮

2 个答案: