haseclass funktioniert nicht, wenn Seite aktualisiert wird

Question

Ich versuche zu sagen, ob body x-Klasse hat, um x-Klasse hinzuzufügen.

Javascript

$('body').toggleClass('projectLoaded'); 
$('[data-type="projectLoader"]').click(function() { 
    var proj = $(this)[0].getAttribute('data-project'); 
    $('#arrow-nav').addClass('slideIn'); 

    updateHash(proj); 
    return false; 
}); 
$('[data-type="projectDie"]').click(function() { 

    $('body').removeClass('projectLoaded'); 
    $('#arrow-nav').removeClass('slideIn'); 
    return false; 
}); 

if ($('body').hasClass('projectLoaded')) { 
    $('#arrow-nav').addClass('slideIn'); 
} else { 
    $('#arrow-nav').removeClass('slideIn'); 
} 

Wenn projectLoaded ausgelöst wird, die addClass funktioniert für slideIn, aber wenn ich zu aktualisieren, obwohl projectLoaded aktiv ist, verschwindet die addClass. Ich dachte, ein hasClass würde funktionieren, aber es nicht. Alles funktioniert, aber es ist nur auf Aktualisieren, es verschwindet.

Arbeitsseite here, klicken Sie auf ein Projekt und Sie werden #arrow-nav.slideIn arbeiten, aber aktualisieren und .slideIn wird nicht hinzugefügt.

UPDATE Dies ist, was für mich gearbeitet:

$('document').ready(function() { 
     if ($('body').hasClass('projectLoaded')) { 
      $('#arrow-nav').addClass('slideIn'); 
     } else { 
      $('#arrow-nav').removeClass('slideIn'); 
     } 
}); 

oder

$('body.projectLoaded').ready(function() { 
    $('#arrow-nav').addClass('slideIn'); 
}); 

Wenn dies nicht richtig ist oder gibt es eine effizientere Art und Weise, dies zu tun Sie es bitte unten eintragen.

Answer 1

Überprüfung bereit wie folgt helfen können

$(document).ready(function() { 
    console.log("ready!"); 
    $('body').toggleClass('projectLoaded'); 
}); 

Mein Instinkt sagt mir dies funktionieren wird, aber nur knapp sein Ziel Test es.

$('body').ready(function() { 
    console.log("ready!"); 
    $('body').toggleClass('projectLoaded'); 
}); 

Answer 2

$ ('body'). ToggleClass ('projectLoaded') mit in der Funktion loadProject gegeben(), die nach dem hasClass Zustand überprüft wird ausgeführt. Bevor also die Klasse 'projectLoaded' in den Body eingefügt wird, wird die hasClass-Bedingung überschritten, so dass die Klasse 'slideIn' nicht hinzugefügt wird. Probieren Sie diese Anweisung '$ (' body '). ToggleClass (' projectLoaded ')' im Dokument wie oben beschrieben aus. Es wird klappen.