Setzen Sie eine CSS-Eigenschaft in JQuery auf den Wert einer anderen?

Question

Um zum Beispiel ein Feld von links zu animieren, kann ich „links“ auf den negativen Wert von „Breite“ gesetzt und animieren sie auf Null:

$('.box').each(function(){ 
     $(this) 
      .css('left', $(this).width()*-1) 
      .animate({'left':0},1000) 
      ; 
}); 

Gibt es eine Möglichkeit, dies ohne das zu tun jede Funktion? DIESE JQUERY IST ZU VERBOSE!

Answer 1

Setzen Sie die function in eine eigene Funktion namens animateBox(). Dann können Sie dies tun:

$('.box').each(animateBox); 

Answer 2

Ich bin nicht sicher, warum Sie benötigt die „jeder“ in erster Linie hinzuzufügen, weil die meisten jQuery-Funktionen arbeiten auf mehrere Elemente gleichzeitig. Dies sollte funktionieren:

$('.box').css('left', $(this).width()*-1).animate({'left':0},1000); 

EDIT: Code nicht wie in den Kommentaren erwähnt arbeiten, weil $ (this) bezieht sich nicht auf das richtige Objekt. Dies sollte es beheben:

var $box = $box.css('left', $box.width()*-1).animate({'left':0},1000);