Добавить «Active» класс кнопки URL Hash навигации

Question

https://owlcarousel2.github.io/OwlCarousel2/demos/urlhashnav.html

Как я могу добавить «активный» класс кнопок?

В настоящее время кнопки имеют кнопку. Вторичный: hover & button.secondary: focus , чтобы создать изменение цвета фона кнопки.

Это прекрасно, за исключением случаев, когда щелчок в любом месте слайдера изменяется фокус, и поэтому цвет фона удаляется с кнопки.

Мне нужно, чтобы кнопки имели выделенное активное состояние, чтобы можно было щелкнуть по ползунку.

Благодаря

Answer 1

Вы можете решить эту проблему с яваскриптом или JQuery, вот пример JQuery:

$(document).ready(function() { 
    $('.button').on('click', function(){ 
     $('.button').removeClass('active'); 
     $(this).addClass('active'); 
    }); 
}); 

Это снимает «активный» класс для всех кнопок при нажатии любого элемента с классом кнопки» 'и добавляет его к той, которую вы нажимаете.