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

Question

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

Answer 1

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

Редактировать: Теперь, когда я понимаю, что вы ищете, лучше, here is a jQuery plugin that I wrote to do this very thing.

Here's a quick jsFiddle as an example.

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

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

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

Answer 2

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

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

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