Проблемы с jQuery .animate()

Question

Я пытаюсь создать функцию автопрокрутки/карусели для неупорядоченного списка изображений.

Когда вы наводите курсор мыши на содержащий div, он вызывает функцию, задача которой — анимировать поле на <ul>

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

Я вижу в журнале правильное значение того, что хочу, т.е. анимация считает, что она завершена...но в моем div ничего не меняется.

Есть ли у кого-нибудь представление о том, что может заставить функцию анимации работать не так, как задумано?

Спасибо

Answer 1

попробуйте использовать «marginTop» вместо «margin-top».Обычно, когда вы используете реквизиты CSS как «border-something» или «margin-something», лучше использовать «нормализованную» версию, как вы делали это в DHTML (styles.marginTop).