jquery - 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);
});

问题将得到解决:)

Answer 2

你需要在你的 javascript 中添加这个：

    $('#container').css('margin-left', $('#container').width()- $('#container').width()/2);

并删除css 中的left:auto;和margin:auto;#container

这是小提琴：http: //jsfiddle.net/GqyfX/2/

在小提琴中，由于示例的大小，它并不是那么好，但是在您的网站上尝试一下