jQuery ui shake 效果作为副作用移动其他元素

Question

我想摇动“#error_message”div。我正在做:

$('#error_message').effect('shake', {times: 2, distance: 5}, 200);

div 被晃动，问题是下面的 div 垂直移动，在动画进行时向下移动 10 个像素，然后返回到其位置。没有附加其他 JS 事件，并且“#error_message”是一个 div(因此它是一个 block )。

抱歉，我现在无法显示 html 和 JS。有任何提示为什么会发生这种情况吗？

Answer 1

好吧，发生这种情况是因为您的错误 div 需要空间“震动”，所以您需要做的就是将此 div 从其后面的其余内容流中取出。

如果你的错误 div 有固定的高度，你可以这样做:

<div id="wrapper">
  <div id="error_message>Error content</div>
  <div id="content">rest of your content, other divs etc</div>
</div>

CSS:

#wrapper {
  position: relative;
}

#error_message {
  position: absolute;
  width: 300px;
  height: 100px;
}

#content {
  margin-top; 100px;
  position: relative;
}

调试这样的东西真的很难，因为你没有提供代码。也许您可以在 http://jsfiddle.net 上创建一个标记和 CSS 的小样本。 ？