单击更多信息/更少信息按钮,即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/