单击时保持LinkButton活动
单击时保持LinkButton活动
提问于 2015-03-09 16:46:19
我有几个LinkButtons在我的肚脐在我的页面顶部使用引导。当用户单击LinkButton时，我希望LinkButton保持活动状态，而用户则停留在该页面上，或者导航到新页面。下面是我的navbar的样子：
<div style="font-size: 80%; background-color: #ffffff; width: 15%;" class="col-xs-6 col-sm-3 sidebar-offcanvas">
<ul class="nav">
<li>
<asp:LinkButton ID="LB_MainPage" runat="server" OnClick="LB_MainPage_Click">Ticket Books Home</asp:LinkButton>
</li>
<li>
<asp:LinkButton ID="LB_IssueTicket" runat="server" OnClick="LB_IssueTicket_Click">Issue Ticket Book</asp:LinkButton>
</li>
<li>
<asp:LinkButton ID="LB_Change_TicketBooks" runat="server" OnClick="LB_Change_TicketBooks_Click" >Change Ticket Books</asp:LinkButton>
</li>
<li>
<asp:LinkButton ID="LB_TicketBook_Reports" runat="server" OnClick="LB_TicketBook_Reports_Click">Search Ticket Books</asp:LinkButton>
</li>
<li>
<asp:LinkButton ID="LB_MissingTickets" runat="server" OnClick="LB_MissingTickets_Click">Custom Reports</asp:LinkButton>
</li>
<li>
<asp:LinkButton ID="LB_AddVoidTicket" runat="server" OnClick="LB_AddVoidTicket_Click" >Add Void Ticket</asp:LinkButton>
</li>
<li>
<asp:LinkButton ID="LB_VoidTickets" runat="server" OnClick="LB_VoidTickets_Click" >Void Tickets</asp:LinkButton>
</li>
</ul>
</div> 我试图使用以下CSS代码对列表进行样式化：
a:hover{
border-bottom: solid;
border-bottom-color: purple;
}
a:active{
color: purple;
border-bottom: solid;
}悬停样式工作很好，活动也是如此，但是当我释放鼠标按钮时，活动样式就不再停留了。我怎么才能解决这个问题？如果可能的话，我想在代码背后(C#)或CSS中这样做。
下面是我的项目的JSFiddle：
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-03-09 18:34:07
下面是一个javascript来将active类绑定到您的导航条链接，如下面的小提琴所示
$(function () {
$(".activeBtn").click(function () {
// remove classes from all
$(".activeBtn").removeClass("active");
// add class to the one we clicked
$(this).addClass("active");
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28947405
复制相关文章
相似问题
腾讯云开发者
