toggle("slide", {direction: "right"}, 5000) 父 div 的高度问题答案

【问题标题】：toggle("slide", {direction: "right"}, 5000) height of parent div problemstoggle("slide", {direction: "right"}, 5000) 父 div 的高度问题
【发布时间】：2011-08-26 12:06:49
【问题描述】：

我对 jquery-ui 的幻灯片效果有疑问。我有一个带有几个按钮的侧边栏，单击它们时会产生另一个侧边栏以从其左边缘滑出。这些“辅助侧边栏”之一包含一个 google JS 地图，将其滑出效果很好。

另一个包含与 cmets 关于右侧边栏显示的资源的讨论。这些讨论是使用模板插件填充的，填充容器的代码在调用 .toggle() 之前调用。

当容器滑出时，容器（具有背景颜色#eee）并没有“跨越其子项的高度”。我看到一个大概 500x40 像素的框，背景颜色正确，并且该容器的子项显示为好像它们的标记位于容器外部一样。

动画完成后，容器会垂直拉伸以覆盖其所有子级，一切正常。不幸的是，我无法向任何人提供此代码的一个活生生的示例的链接，所以我要求的是关于如何开始寻找问题的建议。这可以是任何东西，但我的猜测是这是 jquery ui 的错。

重要：
JQuery-UI 的 .slideToggle() 不会重现此错误，.fadeIn() 或 .toggle() 也不会。不幸的是 .slideToggle() 没有方向参数。

谢谢

【问题讨论】：

检查浮动，确保在滑动 div 内、之前和之后清除它们
@Abe 我想你的意思是清洁？如果您能更具体一点，我将不胜感激
没有“清算”。当你漂浮时：左；或浮动：对；它会混淆在其后出现的没有浮动属性的元素的显示。所以在浮动对象之后做
哇。在每个讨论之间插入一个
解决了这个问题。谢谢！写下您的评论作为答案，我会接受。
@Abe 忘了突出显示.. 甚至不确定这条评论是否这样做。

标签： javascript jquery html css jquery-ui

【解决方案1】：

检查浮动，确保在滑动 div 内、之前和之后清除它们。

在浮动元素之后添加以下内容（带有 float:left 或 float:right 的 div）

大多数人都有一个名为“clear”或“clr”的css类

.clr {clear:both;}

那么你就可以了

<div class="clr"></div>

它读起来稍微好一点，因为您将来可能会经常使用它们:)

【讨论】：