[jquery] Fermare animazione in una coordinata stabilita

[Angelo82]

Ciao ragazzi,

ho questo script:

function sinistra(){
$("#box").animate({"left": "-=50px"}, "slow", function(){
var dim = $("#box").position().left;
if(dim == 20){
$("#box").stop();
}
});

Come è facile intuire richiamando la funzione viene spostato verso sinistra un oggetto, successivamente con una funzione di callback determino la posizione dell'oggetto e ad una coordinata prestabilita (in questo caso == 20) vorrei che l'oggetto si fermasse ma non è così. Continua la sua animazione.

Che soluzione posso adottare? Grazie in anticipo

[Vindav]

se non ho capito male, questa potrebbe essere una soluzione:

function sinistra(){
    moveLeftPx=50;
    var dim = $("#box").position().left;
    if(dim-moveLeft < 20) moveLeftPx = dim-20;
    $("#box").animate({"left": "-="+moveLeftPx}, "slow");
}

[Angelo82]

Originariamente inviato da Vindav
se non ho capito male, questa potrebbe essere una soluzione:

function sinistra(){
    moveLeftPx=50;
    var dim = $("#box").position().left;
    if(dim-moveLeft < 20) moveLeftPx = dim-20;
    $("#box").animate({"left": "-="+moveLeftPx}, "slow");
}

Intanto grazie mille per la riposta

però l'oggetto così non si muove

[Vindav]

la variabile si chiama moveLeftPx mentre nell'if l'ho chiamata moveLeft

[Angelo82]

Originariamente inviato da Vindav
la variabile si chiama moveLeftPx mentre nell'if l'ho chiamata moveLeft

Manco me ne ero accorto

Cmq si sembrerebbe andare bene, l'ho integrato ove mi serviva e va benone grazie infinite