jQuery UI - 弹跳 - 从左到右跳动的div

Question

我的网站有问题，我在其中使用带有 jQ​​uery UI 的 jQuery，在登录框上创建弹跳效果。

但是，我对带有登录框的 div 有问题，因为它在屏幕左侧弹跳，当它应该在中间弹跳时，它在完成弹跳后也会跳入。

我创建了一个 JSFiddle 来演示它: http://jsfiddle.net/prooi/GqyfX/

如果你能看一看，并告诉我它为什么会这样，那就太棒了。

提前致谢。

Answer 1

在容器中插入另一个 div 并在其上应用 jquery 代码，即

<div id="container">
  <div id="nested"> 
     <!-- Your Existing Html Markup -->
  </div>
</div>

并在嵌套 div 上应用 jquery 代码，即

$(document).ready(function() {
  $("#nested").effect('bounce', 250);
});

问题会得到解决:)