2009-01-26 6 views
7

Ich versuche, eine Autoscrolling/Karussell-ähnliche Funktion für eine ungeordnete Liste von Bildern zu machen.jQuery .animate() Probleme

Wenn Sie die Maus über das enthält div seinen Aufruf eine Funktion, die Aufgabe ist, ist die Marge auf dem <ul>

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

zu animieren Ich sehe den richtigen Wert für das, was ich im Protokoll wollen also die Animation denkt es ist fertig ... aber an meinem div ändert sich nichts.

Hat jemand einen Einblick, was dazu führen könnte, dass die animierte Funktion nicht wie vorgesehen funktioniert?

Dank

Antwort

17

try "MarginTop" anstelle von "margin-top" verwenden. Normalerweise, wenn Sie die CSS-Requisiten als "border-something" oder "margin-something" verwenden, ist es besser, die "normalisierte" Version zu verwenden, wie Sie es in DHTML (styles.marginTop) getan haben.