在瀏覽器上重置元素的CSS活動狀態？

當點擊或懸停（例如從'聯繫'頁面）時，下面的代碼在工具欄導航條目下放置一個淺藍色的下劃線條（例如，導航到'儀表板'頁面）。 aspx頁面然後重定向到儀表板頁面。但是，如果用戶點擊瀏覽器上的後退按鈕，聯繫頁面仍會顯示藍色下劃線欄。我怎樣才能重置它，使工具欄中的項目不再處於「活動」狀態並顯示藍色下劃線欄？在瀏覽器上重置元素的CSS活動狀態？

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

編輯：我剛剛看到的行爲並沒有在桌面上的Firefox出現。我在iPad上看到了它。

來源

2017-08-04 user1946932

是否'$（「身體」）點擊（）'工作？ –

@TahaPaksu好主意我認爲但是a）我認爲這會從頁面上的第一個文本框中移除默認焦點，以及b）您知道我可以使用哪些代碼，以便代碼只有在「返回」按鈕事件時纔會運行？ – user1946932

如果您正在使用javascript歷史記錄，則hashchange事件可能會很有用。 –

我不熟悉aspx，但也許你必須從工具欄的導航項目手動刪除JavaScript類'活躍'？你爲此使用jquery;只是這樣做，當你不想要那厚厚的藍色下劃線：

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

來源

2017-08-04 05:53:48 Ashkan

你可以給它一個嘗試

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

來源

2017-08-04 05:57:27

在瀏覽器上重置元素的CSS活動狀態？

回答

相關問題