• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Dlaczego klasa nie działa?

Aruba Cloud - Virtual Private Server VPS
0 głosów
364 wizyt
pytanie zadane 27 lutego 2020 w HTML i CSS przez kacper1445 Mądrala (5,050 p.)

Witam. Mam jakąś klasę .navigation :

.navigation{
        display: none;
        width: 100%;
        padding-top: calc(16.01vw + 30px);
    }

klasę .show :

.show{
        display: block;
    }

Oraz w jsie skrypty odpowiedzialne za animację hamburgera i jednocześnie wyświetlaniem klasy .navigation :

function Opener(){
	$(document).ready(function(){
    	$('#nav-icon').click(function(){
        	$(this).toggleClass('open');
   		});
	});	
}

function Open(){
	$(document).ready(function(){
		$('#nav-icon').click(function(){
			$('#navigation').toggleClass('show');
		});
	});
}

Element gdzie chcę dodawać klasę .show ma dodatkowo id #navigation

Pytanie brzmi dlaczego nie pojawia mi się klasa .navigation po kliknięciu mimo, że w podglądzie kodu widać że klasa .show została dodana.

komentarz 27 lutego 2020 przez grineee Bywalec (2,270 p.)
ja się generalnie nie znam, ale jak chcesz wyświetlić coś co jest ustawione na display: none?
komentarz 27 lutego 2020 przez kacper1445 Mądrala (5,050 p.)
Dodaję klasę .show gdzie jest display: block i powinno się to nadpisać niejako
komentarz 27 lutego 2020 przez antypop Mądrala (5,730 p.)

Spróbuj dodać w klasie .show !important do display: block.

.show{
        display: block!important;
    }

 

komentarz 27 lutego 2020 przez kacper1445 Mądrala (5,050 p.)
Dalej niestety nie działa
komentarz 1 marca 2020 przez cani Bywalec (2,060 p.)

@kacper1445, dodaj do funkcji open console.log:

function Open(){
    $(document).ready(function(){
        $('#nav-icon').click(function(){
            $('#navigation').toggleClass('show');
            console.log('x')
        });
    });
}

 powiedz czy coś pokazuje w konsoli po nacisnięciu

1 odpowiedź

0 głosów
odpowiedź 2 marca 2020 przez Grzegorz Mikina Dyskutant (8,060 p.)

Podaj całe kody, to odpalę w konsoli i zrobię, tylko na pierwszy rzut oka masz id a chcesz mieć klasę.
 

$(document).ready(function(){
        $('#nav-icon').click(function(){
           ?? ----->$('#navigation').toggleClass('show');
        });
    });


 

Podobne pytania

0 głosów
1 odpowiedź 328 wizyt
pytanie zadane 6 listopada 2018 w HTML i CSS przez niezalogowany
+1 głos
2 odpowiedzi 192 wizyt
pytanie zadane 25 marca 2024 w HTML i CSS przez oleksik Użytkownik (630 p.)
–1 głos
1 odpowiedź 539 wizyt
pytanie zadane 21 listopada 2018 w HTML i CSS przez Artur Koniec Gaduła (3,680 p.)

93,336 zapytań

142,332 odpowiedzi

322,418 komentarzy

62,673 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...