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

我想摇动一个“#错误信息”div。我正在做：

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

div会抖动，问题是下面的div会垂直移动，当动画进行时会向下移动10个像素，然后返回到原来的位置。没有附加其他JS事件，并且“#error_message”是一个div（因此它是一个块）

---

对不起，我现在不能显示html和JS。有什么提示说明为什么会发生这种情况吗？

好的，之所以会发生这种情况，是因为您的错误div需要“抖动”的空间，所以您需要做的是将该div从随后的其他内容流中删除

如果errors div具有固定高度，则可以执行以下操作：

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

---

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

下面的div会移动，因为错误消息需要移动空间，不是吗？您可以尝试使用错误消息div position css和z-index，使其位于当前同级之外的另一层。错误消息只会水平移动，因此我的理解是，不应该有其他div垂直移动。我用近似的解决方案更新了我的答案，但基本上您应该发布您的代码。谢谢，我理解了这个问题，并按照您的模式解决了它。对不起，下次我将发布一个示例：）

#wrapper {
  position: relative;
}

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

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