jQuery .animate

[jesbroo]

Buonasera a tutti!
Vi riporto subito il codice per farmi capire meglio:

<script>
$(document).ready(function() {
$('#btn1').click(function() {
$('#id').animate({
'marginLeft' : "-=200px"},"fast");
</script>

Con questo pezzo di codice riesco a spostare un div verso sinistra di 200px ogni volta che clicco il pulsante, la mia domanda è: come faccio a dargli un limite? per esempio dirgli di togliere 200px alla posizione finchè la posizione non è uguale a -1000px.
Non so più dove mettere mano

[KillerWorm]

Ciao, si potrebbe risolvere in vari modi a seconda di ciò che vuoi ottenere esattamente.

In linea di massima potresti usare una semplice condizione per verificare se il valore di marginLeft è maggiore di -1000, quindi in tal caso sarà eseguita l'animazione:

$('#btn1').click(function(){
  if(parseInt($('#id').css('marginLeft'))>-1000)
    $('#id').animate({'marginLeft':'-=200px'},'fast');
});

[jesbroo]

Grazie mille!
Funziona se prima di ogni click aspetto che l'animazione sia compiuta, se invece clicco velocemente sul pulsante che sposta il div il parametro non viente rispettato, perchè?

[KillerWorm]

Giusto, perché se clicchi durante l'animazione sarà preso, come valore di riferimento, quello corrente che è un valore intermedio, quindi il confronto risulterà sfasato all'interno di quella condizione.

Dipende ancora da cosa ti interessa ottenere esattamente.

Puoi risolvere, ad esempio, impedendo che l'animazione abbia effetto se si clicca mentre c'è già un'animazione in corso.
Puoi fare una cosa del genere:

$('#btn1').click(function(){
  if(parseInt($('#id').css('marginLeft'))>-1000)
    $('#id:not(:animated)').animate({'marginLeft':'-=200px'},'fast');
});

[jesbroo]

Non devo fare nulla di particolare, voglio solamente capire il funzionamento di javaScript/jQuery
Ora voglio cercare di far spostare il div ogni tot di secondi, molto probabilmente mi servirà ancora aiuto, grazie ancora!