<div>折叠时的jQuery问题</div>

时间:2010-10-26 04:19:16

标签: jquery jquery-animate

网站位于此处:

http://acs.graphicsmayhem.com/spoogs/index.php

代码位于此处:http://jsfiddle.net/vMM8Q/(日历块的网站使用ID而不是类,不重要)

所以我面临的问题是当你在第一个链接中折叠右上角或左上角的日历,而不是重新加载页面时,因为它被缓存,它会保持折叠状态(这很好)。但是当你扩展它时,它会一直扩展,并且直到<li>中的<ul>内的每个{{1}}都被加载到高处才会停止,但真正的踢球者是它绝对没有显示!没什么大空白的高度!!

它使用display:none;对于包含块中所有内容的OVERALL div标记样式的CSS(当它被折叠时,当点击 - 和+时通过JS切换它)。所以,即使我给它指定了一个高度,它也没有显示任何内容。所有变量都赋值为0(这对我来说没有意义)。有什么东西可以通过jQuery来解决这个问题吗?如果我给它一个高度,那么日历月不会完全适合,因为高度是基于那里的内容而应该是。因此,定义一个高度可能会弄乱它,但是,在折叠之后(在重新加载页面之后)扩展块时,不定义高度会导致巨大的空白空间。点击上一个/下一个链接绝对没有(或者看起来如此),并且没有任何内容显示在日历月应该是什么。 arggg ...

这是jQuery中的一个已知问题,它在具有display:none的div标签中无法正确执行;分配给他们?如果是这样,有什么可以做的吗?

1 个答案:

答案 0 :(得分:0)

我解决了这个问题。出于某种原因,jQuery没有在outerWidth标签或outerHeight标签上返回正确的<li><ul>。它将它们作为值0返回。当然情况显然不是这样。但是,因为周围的标签设置为display: none;,这使得jQuery无法计算对象的宽度/高度(包括边距),所以我只使用了NUMBERS而不是使用outerWidth / outerHeight来修复问题当然。

干杯:)

相关问题