jQuery UI - 弹跳 - div 从左到右跳跃答案

【问题标题】：jQuery UI - bounce - div jumping from left to rightjQuery UI - 弹跳 - div 从左到右跳跃
【发布时间】：2012-06-15 03:00:17
【问题描述】：

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

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

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

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

提前致谢。

【问题讨论】：

【解决方案1】：

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

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

并在 nested div 上应用 jquery 代码，即

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

问题会解决的:)

【讨论】：

【解决方案2】：

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

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

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

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

【讨论】：