‚Aktiv‘ Klasse URL Hash Navigationstaste

-1

https://owlcarousel2.github.io/OwlCarousel2/demos/urlhashnav.html ‚Aktiv‘ Klasse URL Hash Navigationstaste

hinzufügen Wie kann ich ‚aktiv‘ Klasse zu den Schaltflächen hinzufügen?

Derzeit Schaltflächen haben eine Schaltfläche.sekundär: Hover & button.sekundär: Fokus , um eine Schaltfläche Hintergrundfarbe ändern zu erstellen.

Das ist in Ordnung, außer wenn Sie irgendwo im Schieberegler klicken, wird der Fokus geändert und die Hintergrundfarbe wird von der Schaltfläche entfernt.

Ich brauche die Tasten, um einen bestimmten aktiven Zustand zu haben, so dass ein Klicken innerhalb des Schiebers möglich ist.

Dank

Quelle

2017-01-09 Twentyfourten

Willkommen bei Stack Overflow! Fragen, die Code-Hilfe benötigen, müssen den kürzesten Code enthalten, der notwendig ist, um ihn ** in der Frage selbst zu reproduzieren ** vorzugsweise in einem [** Stack Snippet **] (https://blog.stackoverflow.com/2014/09/introducing-runnable -javascript-css-und-html-code-snippets /). Siehe [** So erstellen Sie ein minimales, vollständiges und überprüfbares Beispiel **] (http://stackoverflow.com/help/mcve) –

du mit Javascript oder jQuery lösen kann, ist hier ein jQuery Beispiel:

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

Dies entfernt die ‚aktive‘ Klasse für alle Tasten, wenn Sie mit der Klasse jedes Element klicken Sie auf ‚Schaltfläche 'und fügt es demjenigen hinzu, auf den Sie klicken.

Quelle

2017-01-09 16:10:05 duvigneau

‚Aktiv‘ Klasse URL Hash Navigationstaste

Antwort

Verwandte Themen