jQuery backgroundColor animation
J'ai un DIV avec un lien et une DURÉE de.
En cliquant sur le lien, il rend une liste d'éléments en utilisant AJAX. Lorsqu'un élément est cliqué, le contenu de la balise SPAN est changé.
Je tiens à souligner ce changement, par le réglage de la couleur d'arrière-plan de la DIV pour le vert, et de l'animer de nouveau au blanc à l'aide de jQuery.
var originalColor = elementToUpdate.parentNode.style.backgroundColor;
elementToUpdate.style.backgroundColor = 'green'; //lastSender.style.color;
jQuery(elementToUpdate.id).animate({ backgroundColor: '#ffffff' }, 1000);
Le fond de la TRAVÉE est changé en vert sur la 2ème ligne, mais la 3ème ligne de ne pas faire n'importe quoi. Pas d'erreurs ou de modifications, afin que jamais...
Des idées?
Edit: Comme indiqué par Ted Naleid dans un commentaire ci-dessous:
Notez également que vous devez avoir la
couleur animations plugin installé pour
cela fonctionne
(http://plugins.jquery.com/project/color),
si vous ne l'avez pas installé, jQuery
ne peut pas animer les couleurs, uniquement numérique
propriétés (à moins que des 1.3.1).
Vous devez vous connecter pour publier un commentaire.
Vous n'avez pas besoin de la
.id
si vous avez déjà de l'élément. La main directement à jQuery:Vous n'obtenez pas une erreur car
elementToUpdate.id
est une chaîne de caractères, qui jQuery (probablement) interprète comme un sélecteur. Il arrive juste à être un sélecteur de ne pas choisir n'importe quoi.Alternativement, vous pouvez dire ce à le rendre valide sélecteur:
Mais je pense que la première forme est préférable, car vous avez déjà l'élément lui-même.