单击更多信息/更少信息按钮,即SlideUp / slideDown内容,会在IE7中产生间隔故障。用show / hide代替它似乎可以解决它。有谁知道如何使它工作在IE7滑动?

你可以看到我在谈论,并试图在这里解决它:
http://jsfiddle.net/C9reK/2/

提前致谢!

更新资料

没有“ position:relative”可以消除症状,而没有动画则可以消除症状。不幸的是,这些都不是我可以接受的选择,所以我仍然在寻找一个答案,将让动画和相对定位。

第二次更新

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

最佳答案

我没有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();
     });
 });

关于javascript - jQuery的效果基本show/IE7了slideDown margin 的Bug,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/4505326/

10-12 00:16
查看更多