1

单击更多信息/更少信息按钮，其中 slideUp/slideDown 内容，在 IE7 中创建间距故障。用显示/隐藏替换它似乎可以解决它。有谁知道如何让它在 IE7 中滑动？

你可以看到我在说什么并尝试在这里修复它：http: //jsfiddle.net/C9reK/2/

提前致谢！

更新

没有“位置：相对”会消除症状，没有动画会消除症状。不幸的是，这些都不是我可以接受的选项，所以我仍在寻找一个可以保持动画和相对定位的答案。

第二次更新

事实证明，仅显示/隐藏也发生了问题。当浮动堆栈删除了一个项目时，它会重新定位/重新计算堆栈项目，但不考虑边距。如果没有边距，则不会发生抖动。显然，这些都是必要的。

4

1 回答 1

1

我没有 IE7，所以这可能不是问题，但即使在 webkit 和 firefox 中，我也遇到了 slideUp/Down 的问题。

我的解决方案是设置我正在滑动的元素的宽度：http: //gist.github.com/633771

也许这会起作用？

$(document).ready(function(){
    var $infoContainer = $("#infoContainer");
     $(".moreInfo").click(function(){
         $infoContainer.width($infoContainer.parent().width()).slideDown();
     });
     $(".lessInfo").click(function(){
         $infoContainer.width($infoContainer.parent().width()).slideUp();
     });
 });
于 2010-12-22T08:42:44.603 回答