Geek asks and answers

The jquery-ui effect resizes the <input> when the effect starts

I wanted to run a jquery-ui effect called "shake" on the input tag:

$("#myInput").effect("shake");

I gave the input tag a new size in the included css file:

height: 25px;
width: 250px;

The effect works fine, but during the effect, the input tag has a default size until the effect ends. Then it becomes big again.

Where is the mistake? Is this a bug in jquery-ui?

enter image description here

during the effect.

+3
source share
2 answers

Most likely, this is due to the fact that a different CSS style appears during the effect. See http://jsfiddle.net/qhK96/1/ where the background turns red during the shake animation.

div > input /* while not in animation */

div > div > input /* while in animation due to wrapping from jQuery, like ElendilTheTall said */

: css. , , , . !important yout .

0

. , ElendilTheTall , JQuery UI , . , . HTML, "! Important" CSS. . JQuery .

0

More articles:


All Articles