我用jquery-ui的幻灯片效果有问题.我有一个带有几个按钮的侧边栏,点击它时会产生另一个侧边栏从左边缘滑出.其中一个“辅助侧边栏”包含一个谷歌JS地图,并滑动那个工作正常.
另一个包含有关右侧边栏显示的资源的评论的讨论.使用模板插件填充这些讨论,并在调用.toggle()之前调用填充容器的代码.
当容器滑出时,容器(背景颜色为#eee)不是“跨越其子女的高度”.我看到一个大约500×40像素的盒子,背景颜色正确,这个容器的子项就像它们的标记在容器外面一样.
动画完成后,容器会垂直拉伸,以覆盖所有孩子,一切都很好.不幸的是,我不能给任何人链接到这个代码的生动示例,所以我要求的是如何开始寻找问题的建议.这可能是任何事情,但我的猜测是,这是jquery ui的错.
重要:
JQuery-UI的.slidetoggle()不会重现此错误,而不会重现.fadeIn()或.toggle().不幸的是.slidetoggle()不接受方向参数.
谢谢
解决方法:
检查浮子,让它们在滑动div内部清除它们,就在它之前,就在它之后.
浮动元素后添加以下内容(div为float:left或float:right)
大多数人都有一个名为“clear”或“clr”的css类
.clr {clear:both;}
那么你就可以做到
< div class =“clr”>< / div>
它读起来稍微好些,因为你将来可能会使用它们:)