11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

J'ai créer un script jquery pour faire apparaitre et disparaitre une DIV par un click
Le voici :

$(document).ready(function(){
$("#showr").click(function () {
if ($("#divopen").is(":hidden")) {
$("#divopen").fadeIn(100);
}else {
$("#divopen").fadeOut(100);
}

});
});

Ma div possède un style dispay none au départ. Le problème est que lorsque la Div fadein, le css correspondant au contenu de cette div ne s'applique pas ou très mal.
Cela semble venir du fait que le css n'a pas le temp de charger lors de l'apparition de cette Div.

Avez vous une idée de comment forcer le chargement de mes styles css de cette div?

Merci
Il n'y a rien à forcer, tu dois avoir un souci ailleurs.

Regarde avec Firebug si, une fois ta Div affichée, il y a bien un style appliqué dans ton CSS.
Il n'y a pas de temps de chargement de CSS, à moins d'une action de ta part ?

Mais utilise Firebug dans tous les cas.
Bonjour,

1199ani a écrit :
Cela semble venir du fait que le css n'a pas le temp de charger lors de l'apparition de cette Div.

Les styles CSS correspondant à cet élément ne sont pas chargés en amont, avec les autres styles de la page?

Même conclusion que vincentD83: la vérité est ailleurs.
Modifié par fvsch (11 Nov 2011 - 15:54)
Hello.

Il n'y a pas un souci de logique à faire une animation sur le Dom ready plutôt que le Dom load?

Doc Jquery a écrit :
In cases where code relies on loaded assets (for example, if the dimensions of an image are required), the code should be placed in a handler for the load event instead.


Edit: Pas les yeux en face des trous, je n'avais pas vu le click() Smiley sm
Modifié par Florian_R (11 Nov 2011 - 18:48)