jQuery show() 具有有趣且意想不到的“动画”效果答案

【问题标题】：jQuery show() has interesting and unexpected "animation" effectjQuery show() 具有有趣且意想不到的“动画”效果
【发布时间】：2012-05-01 22:40:15
【问题描述】：

我不介意这种效果或每次说的侥幸，但如果发生这种情况，我希望它不要离开页面太远，然后它会在说话的庄园中反弹。去http://originalglbtexpo.com/asites/cholerose/看看我的意思。点击任何链接，观察第一个东西消失，然后替换它的方块从左边开始，然后走到最右边，然后又回到原来的位置。

不知道如何解决这个问题，所以我正在寻找想法

【问题讨论】：

看起来是 CSS 和浮动 div 的问题。另外，它的拼写是“设备”
请修正拼写错误Equiptment。
请把相关代码贴在这里。
快照是由 jQuery 处理隐藏元素的方式引起的。我发现如果我在我的所有show/hide 元素上使用float 属性，则不会有任何捕捉效果。如果我有更好的解释，我会发布作为答案。

标签： javascript jquery

【解决方案1】：

show() 将宽度和高度从零设置为自然值，这可能会影响您的边距。您可以通过在 width: 730px 规则后面为 #content_wrap 使用 !important 声明锁定元素的宽度来避免这种“捕捉”行为。

【讨论】：

请注意，如果您想取消show() 上元素的任何垂直或水平移动，只需将!important 声明应用于height、margin、padding 和@ 987654330@（即：任何影响元素尺寸的 CSS 属性，在这种情况下，您可以考虑使用 fadeIn() 而不是 show()）。

【解决方案2】：

$().show 正是以这种方式缓解。见the demo on the jQuery API。

【讨论】：