Анимация marginLeft с помощью jQuery - PullRequest
22 голосов
/ 10 февраля 2012

Я не могу понять, чтобы анимировать marginLeft с помощью jQuery. Мне нужно, чтобы он вычитал 938px каждый раз, когда пользователь нажимает на ссылку, которая работала нормально, когда я использовал .css(), но я не могу понять, как заставить его работать с .animate().

$("#full-wrapper #full").animate({
    marginLeft, -=938px
}, 500);

Кто-нибудь может понять, почему это не работает? Это была моя версия CSS:

$("#full-wrapper #full").css("marginLeft","-=938px");

Я использовал CSS3 для анимации, но нужно заставить его работать в старых браузерах.

Ответы [ 3 ]

47 голосов
/ 10 февраля 2012

В вашем коде есть синтаксическая ошибка, так как вы передаете параметры объекта в animate(), вы должны использовать :, а не , для разделения каждого атрибута. Попробуйте это:

$("#full-wrapper #full").animate({
    marginLeft: '-=938px'
}, 500);

Пример скрипки

2 голосов
/ 10 февраля 2012

Заменить запятую (,) на двоеточие (:).

$("#full-wrapper #full").animate({
    marginLeft: "-=938px"
}, 500);
1 голос
/ 10 февраля 2012
$("#full-wrapper #full").animate({
    marginLeft: '-=938px'
}, 500);
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...