Problem with jQuery Shake UI

Question

Using the jQuery UI shake effect causes the item to jump to a new line, shake, and then start. I tried to change the position of css, etc., But without hacking it, I feel that there is a normal, elegant solution.

http://jsfiddle.net/ShhER/6/

I want to say that this is a mistake, but it is probably not ... any ideas?

Answer 1

The animated element must be a block level or explicitly contain display: block .

I installed display: block and then adjusted the css label accordingly. It worked fine.

jsFiddle .

Answer 2

I just debug the jQuery UI Shake effect and found that the plugin creates a wrapper for the element that will use the effect. This shell is required to use the jQuery animation function with the specified Shake attributes.

I fixed this by adding 100% to Wrapper. In my case, I have something like this:

 <div class="errorBox nameBox" style="position: absolute; top: 352px; left: 948.5px; display: block; width: 100%"> <div class="errorArrow"></div> <div class="errorDescription">Type your name</div> </div> 

Respectfully.!!

Answer 3

I found that jQuery adds a wrapper to an element with the ui-effects-wrapper class. So, adding this css solved my problem.

 .ui-effects-wrapper { display:inline; }