2009-01-26 8 views
7

J'essaie de créer une fonction autoscrolling/carrousel pour une liste non ordonnée d'images.jQuery .animate() Problèmes

Lorsque vous passez la souris sur les contenant div sa demande une fonction qui est le travail est d'animer la marge sur la <ul>

$(".thumbs").animate({"margin-top": (currentMargin - 10) + "px"}, function(){ 
    console.log("margin-top" + (currentMargin - 10) + "px"); 
    running=false; 
    }); 

Je vois la valeur correcte pour ce que je veux dans le journal à savoir l'animation pense c'est fini ... mais rien ne change sur ma div.

Quelqu'un a-t-il un aperçu de ce qui pourrait rendre la fonction animée ne fonctionne pas comme prévu?

Merci

Répondre

17

essayer d'utiliser "marginTop" au lieu de "margin-top". Normalement, lorsque vous utilisez les accessoires CSS comme "border-something" ou "margin-something", il vaut mieux utiliser la version "normalisée", comme vous le faisiez en DHTML (styles.marginTop).

Questions connexes