代码之家  ›  专栏  ›  技术社区  ›  Munzilla

在IE7中使用jquery slidetoggle时内容会消失

  •  6
  • Munzilla  · 技术社区  · 15 年前

    我见过这个问题问过好几次,但没有看到任何答案。

    我有一个使用slidetoggle()和jquery扩展和折叠的ul。 代码很简单:

    $('#leftMenu li a.moreLess').click(function() {
        $(this).next().slideToggle('normal');   
    });
    

    标记为:

    <a class="moreLess">Click here to see more</a>
    <ul>
      <li>something</li>
      <li>something else</li>
      ...
    </ul>
    

    我有一个带有.moreless类的按钮,当单击它时,下面的列表将展开或折叠。由于某种原因,在IE7中,一旦列表完全扩展,所有内容都将消失。当它折叠时,内容再次出现,直到列表完全关闭。

    我不确定这是否与CSS相关,但我希望之前有人会遇到这个问题。 提前感谢您的帮助!

    5 回复  |  直到 13 年前
        1
  •  18
  •   Phenom    14 年前

    放一个 缩放:1 财产。它适用于位置:相对。

        2
  •  10
  •   Munzilla    15 年前

    仅供参考,问题在于正在切换的ul内元素上的css定位。一旦我删除了这些元素的任何相对和/或绝对定位,问题就不再发生了。

        3
  •  4
  •   thorinkor    13 年前

    overflow: hidden; 对于你有内容的分区来说,这会变得一团糟。对我有用,但还是有点…

        4
  •  0
  •   Community Mohan Dere    8 年前

    同样的问题在这一页上被问和回答。解决方案由SequenceDigital.com回答。

    jQuery slideDown in IE9 - content disappears after animation finishes

        5
  •  0
  •   HypeZ    13 年前

    在我的例子中,使用SlideToggle加载的内容被“向下移动”以创建2个空白空间(仅在IE7中)

    我用这个CSS解决了:

    form {
        margin: 0;
    }