2017-01-09 8 views
-1

https://owlcarousel2.github.io/OwlCarousel2/demos/urlhashnav.htmlは、私がボタンに「アクティブ」クラスを追加することができますどのようにURLハッシュナビゲーションボタン

に「アクティブ」クラスを追加しますか?

現在、ボタンにはbutton.secondaryがあります。ホバー& button.secondary:フォーカス ボタンの背景色の変更を作成します。

スライダの任意の場所をクリックするたびにフォーカスが変更され、背景色がボタンから削除される点を除いて、これは問題ありません。

私は、スライダー内でクリックすることができるように、専用アクティブ状態を持つボタンが必要です。

おかげ

+0

ようこそスタックオーバーフロー!コードヘルプを求める質問には、質問自体に** ** [** Stack Snippet **](https://blog.stackoverflow.com/2014/09/introducing-runnable)で**それを再現するのに必要な最短コードを含める必要があります** -javascript-css-and-html-code-snippets /)。 [**最小限で完全で検証可能なサンプルの作成方法**](http://stackoverflow.com/help/mcve)を参照してください。 –

答えて

0

あなたはjavascriptやjQueryを使ってこの問題を解決することができ、ここではjQueryの例です:あなたはクラスのボタンで任意の要素をクリックしたときに

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

これは、すべてのボタンの「アクティブ」クラスを削除しますあなたがクリックしているものに追加します。

関連する問題