jQuery wykonywanie czynności po dodaniu klasy

0

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ś:

<body>
</body>

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

<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:

$(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

1

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

0

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:

$("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ę

0

Może obsłuż wtedy klawisz esc.

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

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

Dzieki!

1 użytkowników online, w tym zalogowanych: 0, gości: 1