JQuery Shake UI问题

Question

使用jQuery UI的摇动效果会导致元素跳转到换行符，摇动，然后运行。我尝试改变位置css等，但没有黑客攻击，我觉得有一个正常，优雅的解决方案。

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

我想说这是一个错误，但它可能不是......任何想法？

Answer 1

动画元素应为块级别，或明确显示display: block。

我设置了display: block，然后相应地调整了标签的css。它运作良好。

jsFiddle

Answer 2

我只是调试了jQuery UI Shake效果，发现该插件为将使用该效果的元素创建了一个包装器。为了使用Shake给定属性应用jQuery animate函数，需要这个包装器。

我通过在包装器中添加100％来修复此问题。在我的情况下，我有这样的事情：

<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>

的问候。!!

Answer 3

我发现jQuery使用类ui-effects-wrapper向元素添加包装器所以添加这个css解决了我的问题。

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