jquery - 如何允许 div 根据内容而不是预设高度动态扩展？

Question

当高度应该是动态的时，我对手动预设 DIV 高度感到不舒服。我担心有人会更改字体大小或字体本身；所以我认为我目前的解决方案是脆弱的。但是我看不到其他动态设置 DIV 高度以自动匹配其中内容的方法。任何帮助表示赞赏。

这是我目前工作的一个例子：http: //jsfiddle.net/qkwL2/5/

Answer 1

如果你想做这样的动画，那么你几乎不得不设置一个明确的高度（我不知道有任何其他方式）。不过，您可能要考虑的一件事是根据 div 的内容计算高度的例程（即，遍历锚标记列表，并计算每个标记的高度，然后添加填充）。这样可以保证始终显示整个 div 的内容。

Answer 2

http://jsfiddle.net/qkwL2/7/

先测量。然后动画。

也$尽量少用。Every$将另一个 jQuery 对象添加到内存中。

Answer 3

您可以将希望在悬停时显示的内容与一个类括起来，将其隐藏display:none并向下滑动，而不是使用 jqueriesslideDown方法。演示。