animacja pozycji jQuery Ui()

Question

Jak mogę animować od bieżącej pozycji do centrum przy użyciu position({of:,my:,at:})? Czy istnieje sposób automatyzacji procesu lub czy muszę ręcznie animować właściwości CSS?

Answer 1

Czy obejrzałeś .animate()?

Edycja: Teraz, gdy rozumiem, czego szukasz, lepiej, here is a jQuery plugin that I wrote to do this very thing.

Here's a quick jsFiddle as an example.

Zrobiłem opcje konfigurowalny obiekt. Przykład:

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

EDYCJA: usunięcie drugiego kodu, ponieważ nie jest już potrzebny i po prostu bałagan. Czyszczenie mojego nowego kodu. Naprawiono błędy związane z pozycjonowaniem rodzica. Dodano łącze do repozytorium git i jsFiddle przy użyciu najnowszej wersji źródła.

Answer 2

Ta odpowiedź mogła być z powrotem w lutym, ale teraz jest o wiele łatwiejszy sposób.

Metoda pozycji przyjmuje argument using tylko w tym celu. Na przykład:

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