jQuery wykonywanie czynności po dodaniu klasy

Przemo04

2015-03-17T13:25:45+01:00

Rejestracja: dni
Ostatnio: dni
Postów: 29

Cześć,

Potrzebuję skrypciku, już kombinuję od dłuższego czasu więc postanowiłem napisać tutaj, moze zaczne od razu od przykladu, otóż mam takie coś:

Kopiuj

<body>
</body>

Po kliknieciu w pewien button dodaje mi klasę i wtedy wyglada tak:

Kopiuj

<body class="cover">
</body>

I teraz chcę napisać skrypcić w jQuery aby "Jesli jest w body klasa 'cover' to dodaj div class 'cover-two', Jeśli body nie bedzie miało klasy 'cover' to usun div class 'cover-two'

To co udało mi sie napisać to to:

Kopiuj

$(function (){
if ($('body').hasClass('cover')){
$('body').prepend('<div class="cover2"></div>');
}

Nie działa to jednak domyślam się czemu, dlatego że jak otwiera sie stronka i wczytuje sie skrypt to na body nie ma wtedy klasy 'cover' ona dopiero pojawia sie po kliknieciu w przycisk. Jak radzić w takich sytuacjach ? Dzięki za pomoc

dzek69

2015-03-17T13:28:42+01:00

Rejestracja: dni
Ostatnio: dni
Lokalizacja: Rzeszów

Podepnij te akcje do kliknięcia w ten button, co dodaje klasę cover.

Przemo04

2015-03-17T13:41:56+01:00

Rejestracja: dni
Ostatnio: dni
Postów: 29

Miałem tak zrobione wcześniej ze po kliknięciu w button, ale wtedy jest problem z usuwaniem klasy 'cover2' ponieważ
Jest to taki popup, i dodaję klasę cover2 aby sciemnić tło, gdy zamykam popup buttonem to jest ok bo dodałem coś takiego:

Kopiuj

$("button.close").on("click", function() {
$("cover2").remove();
}

Jednak ten popup mozna zamykać wciskając esc i wtedy jest problem bo mi klasa cover2 nie usuwa się

varmanpl

2015-03-17T13:48:14+01:00

Rejestracja: dni
Ostatnio: dni
Lokalizacja: Kraków
Postów: 60

Może obsłuż wtedy klawisz esc.

Kopiuj

$(document).keyup(function(e) {

  if (e.keyCode == 27){
  //usun class
 }  
});

Przemo04

2015-03-18T14:30:41+01:00

Rejestracja: dni
Ostatnio: dni
Postów: 29

Dzieki!

Liczba odpowiedzi na stronę

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.

Utwórz konto