在jquery UI手风琴滑动后重新计算div高度

时间:2009-11-23 13:35:31

标签: jquery jquery-ui height accordion

我有一个包含2列的页面,内容和侧边栏(dom(html + css)不是由我创建的,并且没有时间重新创建系统)

文档准备好了一些jquery,计算内容的高度,并使侧边栏的高度相同。

现在最近我们被要求插入一个手风琴,而前一个在该网站上工作的人,整合了jQuery UI Accordion,它将autoHeight属性设置为true(因为al元素具有相同的高度,网站保持不变)相同的高度。)

但是这使得所有项目都成为最大项目的高度,因此只有1或2行答案的问题,它们之间的空格大于300px,下一个问题, 我们想通过将autoheight属性设置为false来解决这个问题,但是,我们得到的问题是,在选择了一个更大的问题之后,jquery计算出第一个打开的问题的两列的高度(简短的一个)。手风琴滚动页脚

任何人都知道什么是最短的可接受解决方案?

  • jquery UI手风琴在滑动1个项目后没有事件挂钩。 (重新计算页面高度......)
你会这样: 1)带另一个带有事件挂钩的手风琴(我怀疑页面高度会跳跃并且可能会断断续续) 2)修复另一件事,找到计算高度的解决方案,使用图像或其他css代替jquery来计算高度。

桑德

PS:这基本上只是一个问题,可以获得最佳解决方案的一些信息 我真的不希望准备好使用代码,但如果你能暗示我走向最快/最美丽的解决方案......

1 个答案:

答案 0 :(得分:1)

如果我理解正确,你的页面布局的一列有一个手风琴,当页面加载时,你用手风琴计算列的高度,并在必要时将该高度应用到另一列。使用可变长度的手风琴元件,您会遇到麻烦。

每次调用手风琴时我都不会尝试重新调整列的大小,因为页面会抖动。我要做的是尝试确定手风琴元素的MAX长度,并使用它来计算其他列的长度。当然,有时候你可能会得到一些不必要的空白区域,但这比页面长度变得更好。