анимация положения jQuery Ui ()

Question

Как я могу анимировать из текущей позиции в центр, используя position({of:,my:,at:})?Есть ли способ автоматизировать процесс, или мне нужно анимировать свойства CSS вручную?

Answer 1

Этот ответ, возможно, был еще в феврале, но теперь есть гораздо более простой способ.

Метод позиции принимает аргумент using только для этой цели.Например:

$(div).position({
    at: "left+50% top+50%",
    of: $(div).parent(),
    using: function(css, calc) {
        $(this).animate(css, 200, "linear");
    }
});

Answer 2

Вы смотрели на .animate () ?

Редактировать: Теперь, когда я немного лучше понимаю, что вы ищете, вот плагин jQuery, который я написал для этой самой вещи .

Вот быстрый пример jsFiddle .

Я сделал параметры настраиваемым объектом. Пример:

$('#clickme').click(function() {
    $('#blah').align({speed:1000,y:false});
});​

РЕДАКТИРОВАТЬ: удаление другого кода, поскольку он больше не нужен, и просто загромождать вещи. Очистка моего нового кода. Исправлены проблемы смещения родительского смещения. Добавлена ​​ссылка на репозиторий git и jsFiddle с использованием последней версии исходного кода.