Question

我的网站存在问题，我在其上使用带有jQuery 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);

然后删除left:auto;

css中的margin:auto;和#container

在小提琴中，由于示例的大小，它不是那么好，但是在你的网站上试试