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?animare la posizione di jQuery Ui()
risposta
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.
Lo so, ma poi dovrò calcolare la divisione larghezza-altezza del div per 2, ecc. Mi chiedevo se esistesse un modo per animare, diciamo: position ({of:, my:, at: , animate: slide}), o qualcosa del genere. – localhost
jsfiddle.net/MjsDc/8/ Questo lo risolverebbe, ma è un po 'disordinato. Volevo che una soluzione andasse con position ({of:, my:, at:}). – localhost
@ localhost2 OK ... Ho scritto codice per questo in realtà .... era un'estensione jQuery centrata su oggetti che ho usato su un sito client ... devo vedere se riesco a scavare ... –
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");
}
});
Buono a sapersi, grazie. – localhost
- 1. JQuery animare la posizione Sfondo browser Croce
- 2. Posizione dialogo jQuery UI
- 3. jQuery UI Posizione: Quando la finestra ridimensionare
- 4. jQuery UI Ordinabile, come determinare la posizione corrente e la nuova posizione nell'evento di aggiornamento?
- 5. JQuery-UI trascinabile ripristinato alla posizione originale?
- 6. jQuery UI Sortable imposta manualmente una posizione
- 7. jQuery ui ordinabili tablerows numero di aggiornamento posizione all'interno di
- 8. jQuery animare margine superiore
- 9. come animare jquery load()
- 10. ToggleClass animare jQuery?
- 11. jQuery UI trascinabile con posizione assoluta e proprietà inferiore
- 12. Jquery UI trascinabile: allinea l'helper alla posizione del mouse
- 13. Come ottengo la versione di jQuery-UI?
- 14. Come estendere la funzione animare-passo di jQuery
- 15. Jquery ui $ ([])
- 16. Animare cose come in jQuery?
- 17. Ripristina animazione jQuery quando smette di animare
- 18. jquery animare un div rotante
- 19. Usa JQuery UI Datepicker con icone di Jquery UI Tema
- 20. Animare la clip: proprietà rect?
- 21. schede jQuery UI scheda disabilitare la navigazione
- 22. jquery ui draggable cambia automaticamente la larghezza
- 23. Animare la rimozione di annotazioni
- 24. Mixing JQuery Mobile & JQuery UI
- 25. ripristina 'non valido' con la griglia non ritorna alla posizione iniziale con jQuery UI Draggable
- 26. Come animare la traduzione di una vista
- 27. css posizione jquery elemento fisso a destra. animare ERRORE in Firefox
- 28. jquery valori di visualizzazione del cursore ui
- 29. jQuery UI overlay di dialogo
- 30. jQuery UI Dialog OnBeforeUnload
vedere la funzione http://api.jquery.com/animate/, è possibile specificare un insieme di valori CSS e jQuery farà la transizione. – Yogu