Подтвердить что ты не робот

Анимация позиции jQuery Ui()

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

Ответ 1

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

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

Вот пример jsFiddle в качестве примера.

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

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

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

Ответ 2

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

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

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