在浏览器上重置元素的CSS活动状态？

Question

点击或悬停时（例如，从“联系人”页面），以下代码会在工具栏导航项下放置一个粗蓝色下划线栏（例如，导航到“仪表板”页面） 。然后，aspx页面重定向到该仪表板页面。但是，如果用户然后单击其浏览器上的“后退”按钮，则“联系人”页面仍会显示蓝色下划线栏。如何重置它，以便在这种情况下工具栏项不再是CSS＆＃39;活动＆＃39;并显示蓝色下划线栏？

.dvToolbar2TableSub:hover, active
{
    border-color: #01C0FF;
    opacity: 1;
    background-color: #F1F1F1;
}

编辑：我刚刚看到桌面Firefox上没有出现这种行为。我看到它在iPad Chrome上。

Answer 1

我不熟悉aspx，但也许你必须删除课程＆＃39; active＆＃39;通过javascript手动从工具栏导航项？你使用jquery这个;当你不想要那么厚的蓝色下划线时，就这样做：

$('.dvToolbar2TableSub').removeClass('active');

Answer 2

你可以尝试一下

function selectorHighlight(selector) {
                var highlight = 'dvToolbar2TableSub';
                var currentElement = $(selector).click(function (e) {
                    currentElement.removeClass(highlight);
                    $(this).addClass(highlight);
      }