添加「活躍」類URL哈希導航按鈕

-1

https://owlcarousel2.github.io/OwlCarousel2/demos/urlhashnav.html 添加「活躍」類URL哈希導航按鈕

如何添加「主動」類的按鈕？

當前按鈕有一個button.secondary：hover & button.secondary：focus 創建按鈕背景顏色的變化。

這很好，除非在滑塊中的任何地方單擊，焦點被改變，因此背景顏色將從按鈕中移除。

我需要按鈕具有專用的活動狀態，以便可以在滑塊內單擊。

感謝

來源

2017-01-09 Twentyfourten

歡迎來到Stack Overflow！尋求代碼幫助的問題必須包含在問題本身中重現**所需的最短代碼**最好在[** Stack Snippet **]中（https://blog.stackoverflow.com/2014/09/introducing-runnable） -javascript-CSS-和HTML的代碼段/）。請參閱[**如何創建最小，完整和可驗證的示例**]（http://stackoverflow.com/help/mcve） –

您可以用JavaScript或jQuery的解決這個問題，這裏有一個jQuery的例子：

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

當您單擊與類的元素，這將刪除所有按鈕「活動」類「按鈕'並將其添加到您點擊的那個。

來源

2017-01-09 16:10:05 duvigneau

添加「活躍」類URL哈希導航按鈕

回答

相關問題