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

Question

我有一个页面有2栏，内容和侧边栏（dom (html + css)不是我创建的，没有时间重新创建系统）

文档上有一些jquery，用来计算内容的高度，并使侧边栏的高度相同。

最近我们被要求插入一个手风琴，之前在网站上工作的人集成了 jQuery UI Accordion，它可以很好地使用 autoHeight 属性为 true（因为所有元素的高度相同，所以网站保持相同的高度。）

但这使得所有项目都与最大项目一样高，因此只有 1 或 2 行答案的问题与下一个问题之间有超过 300 像素的空白， 我们想通过将 autoheight 属性设置为 false 来解决这个问题，但是，我们得到的问题是 jquery 在选择一个更大的问题之后计算 2 列的高度到第一个打开的问题（一个很短的问题），手风琴在页脚上滚动

有人知道什么是可接受的最短解决方案吗？

• jquery UI 手风琴在滑动 1 项后没有事件挂钩。 （重新计算页面高度...）

你也会： 1）拿另一个带有事件钩子的手风琴（我怀疑页面高度可能会跳跃和口吃） 2）修复其他的东西，找到计算高度的解决方案，使用图像或其他css，而不是jquery来计算高度。

砂光机

PS：这基本上只是一个关于什么是最佳解决方案的输入的问题 我真的不希望准备好使用代码，但如果你能提示我最快/最漂亮的解决方案......

Answer 1

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

我不会在每次调用手风琴时尝试重新调整列的大小，因为页面会晃动。我要做的是尝试确定手风琴元素的最大长度，并使用它来计算另一列的长度。当然，有时您可能会得到一些不必要的空白，但这总比页面长度乱七八糟要好。