jquery SlideUp / SlideDown 上的 IE7 边距错误

发布于 2024-10-08 17:31:16 字数 490 浏览 4 评论 0原文

单击“向上滑动”/“向下滑动”内容的“更多信息”/“更少信息”按钮,会在 IE7 中产生间距故障。用显示/隐藏替换它似乎可以解决它。有谁知道如何使其在 IE7 中滑动吗?

您可以在这里查看我正在谈论的内容并尝试修复它: http://jsfiddle.net/C9reK/2/

提前致谢!

更新

没有“position:relative”可以消除症状,而不设置动​​画可以消除症状。不幸的是,这两个选项对我来说都不是可接受的,所以我仍在寻找能够保持动画和相对定位的答案。

第二次更新

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

Clicking more info / less info buttons, which slideUp / slideDown content, create a spacing glitch in IE7. Replacing that with show/hide seems to fix it. Does anyone know how to make it work with sliding in IE7?

You can see what I'm talking about and attempt to fix it here:
http://jsfiddle.net/C9reK/2/

Thanks in advance!

Update

Not having "position:relative" removes the symptom, and not animating removes the symptom. Unfortunately, neither of these are acceptable options for me, so I'm still looking for an answer that will keep the animation and relative positioning.

Second Update

It turns out that the problem also happened with just show/hide. When the floating stack has an item removed, it repositions/recalculates the stack items, but doesn't account for margin. The jiggle doesn't occur if there are no margins. Obviously, those are necessary.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

另类 2024-10-15 17:31:16

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

I don't have IE7 so this might not be the problem but I also ran into problems with slideUp/Down even in webkit and firefox.

My solution was to set the width of the element I was sliding: http://gist.github.com/633771

Maybe this will work?

$(document).ready(function(){
    var $infoContainer = $("#infoContainer");
     $(".moreInfo").click(function(){
         $infoContainer.width($infoContainer.parent().width()).slideDown();
     });
     $(".lessInfo").click(function(){
         $infoContainer.width($infoContainer.parent().width()).slideUp();
     });
 });
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文