IE8中的Jquery slideToggle问题仅使用列表

Posted 2023-02-25

【中文标题】IE8中的Jquery slideToggle问题仅使用列表

【英文标题】：Jquery slideToggle problem in IE8 only using lists

【发布时间】：2009-12-14 18:04:43

【问题描述】：

我对 Jquery 还是很陌生，第一次尝试使用 slideToggle 创建一些下拉菜单。其中一些堆叠在一起，单击一个时，所有其他都应该折叠。我确信我的代码并不理想，因为我刚刚开始，但除了 IE8 之外一切正常。在 IE8 中，关闭下拉菜单时，下拉菜单之间的空间会塌陷，一切都变得一团糟。您可以使用页面左侧的菜单在 demo.djcase.com 上查看问题。

所有的jquery代码都位于http://demo.djcase.com/sites/all/themes/djcase/script.js

任何帮助将不胜感激。谢谢。 布赖恩

【问题讨论】：

我看了你的代码，你能把html贴出来吗？

我把它贴在下面了。我认为它现在已修复，但如果有更好的方法，我很高兴听到您的想法。

【参考方案1】：

我想我现在已经修好了。我正在使用以下 HTML

<div class="services_menu" ><p>Services</p></div>
<ul class="services-menu">
  <li><a href="/services/communications-marketing-and-public-relations">Communications, Marketing and Public Relations</a></li>
  <li><a href="/services/web-development">Web Development</a></li>
  <li><a href="/services/interpretation-and-conservation-education">Interpretation and Conservation Education</a></li>
  <li><a href="/services/human-dimensions-market-research-and-evaluation">Human Dimensions, Market Research and Evaluation</a></li>
  <li><a href="/services/facilitation-strategic-planning-and-public-involvement">Facilitation, Strategic Planning and Public Involvement</a></li>
  <li><a href="/services/graphic-design">Graphic Design</a></li>
  <li><a href="/services/video-and-multimedia-production">Video and Multimedia Production</a></li>
  <li><a href="/services/event-planning-and-management">Event Planning and Management</a></li>
  <li><a href="/services/training">Training</a></li>
</ul>

我在结束的 Div 和列表的开头之间添加了以下内容

<p class="fixInIe">&nbsp;</p>

我将其设置为行高为 0，因此我不会获得额外的空间。我不知道为什么需要这样做，但它确实有效。

【参考方案2】：

我猜你说的是这里提到的问题：slideToggle causes margin to disappear in IE8

只需将溢出：隐藏到边距消失的 div 即可解决。请检查..