✔ inputfeld Änderung der breite wird animiert

[rennwolle17]

Hallo,

ich steh aktuell vor einem kleinen Problem. Ich hab ein normales Textfeld mit einer festen Breite wenn nun in einer selectbox ein anderer Wert ausgewählt wird soll die breite des textfeld geändert werden.

Das ändern der breite erfolgt über $('#id').width('300');

funktioniert super, nur wird das ändern der größe animiert und das möchte ich nicht. Wie kann ich das animieren unterbinden?

Mit $.fx.off = true; konnte ich auch keinen erfolg verbuchen.

Verwenden tu ich jQuery 1.8

Besten Dank,
Chris

 

[erik s.]

$('#id').css( { width: 300 } );

oder du fügst dem Element eine CSS-Klasse hinzu, dass die Breite auf 300px setzt.

EDIT:
Eigentlich sollte die Größe des Input-Feldes auch mit deiner Lösung nicht animiert geändert werden. Das ist zumindest bei mir der Fall.

EDIT2:
Könnte daran liegen, dass .width() keine jQuery-Funktion ist. In der Doku gibt es sie jedenfalls nicht.

 

[rennwolle17]

Hallo,

ich hab den fehler gerade gefunden ...
es lag am CSS, da hatte ich gar nicht mehr reingeschaut ... mir ist entfallen das man ja nun auch mit CSS 3 Animationen machen kann.

Wenn man die Zeile einfügt wird es animiert ... und ohne nicht ...

transition: all 0.7s ease 0s;

 

[abuzze]

Könnte daran liegen, dass .width() keine jQuery-Funktion ist. In der Doku gibt es sie jedenfalls nicht.

Huch http://api.jquery.com/width/#width2

 

[erik s.]

Oh, das hatte ich wohl übersehen
Ich sollte nicht immer nur nach Seitentiteln suchen ... Danke.