animare la posizione di jQuery Ui()

Question

Come posso eseguire l'animazione dalla posizione corrente al centro utilizzando position({of:,my:,at:})? C'è un modo per automatizzare il processo, o devo animare manualmente le proprietà CSS?

Answer 1

Hai guardato .animate()?

Modifica: Ora che ho capito cosa stai cercando un po 'meglio, here is a jQuery plugin that I wrote to do this very thing.

Here's a quick jsFiddle as an example.

Ho reso le opzioni un oggetto configurabile. Esempio:

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

EDIT: togliere l'altro codice in quanto non è più necessario e solo cose ingombra. Pulire il mio nuovo codice. Risolti i problemi di posizionamento parent offset. Aggiunto un link al repository git e jsFiddle usando l'ultima versione del sorgente.

Answer 2

Questa risposta potrebbe essere già tornata in febbraio, ma ora c'è un modo molto più semplice.

Il metodo posizione accetta un argomento using solo per questo scopo. Per esempio:

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