Question

我创建了一个基于WordPress的网站，我使用jQuery的SlideToggle函数构建了一个下拉菜单。这在Firefox中运行良好，但在IE中它没有，我绝对不知道为什么。我试图删除一些position: absolute，因为似乎存在问题，但没有成功。

我上传了测试版here

我完全坚持这一点，所以任何帮助将不胜感激。

jQuery（对扩展类的更改是将加号图标更改为减号图标：）

$('#menu-item-88').click(function () {
   $(this).find('ul.sub-menu').slideToggle();
});

$('#menu-item-89').click(function (event) {
   $(this).find('ul.sub-menu').slideToggle();
   event.stopPropagation();

   if ($(this).hasClass('menu-item-89')){
      $(this).addClass('expanded').removeClass('menu-item-89');
   } else {
      $(this).addClass('menu-item-89').removeClass('expanded');
   }

});

$('#menu-item-90').click(function (event) {
   $(this).find('ul.sub-menu').slideToggle();

   event.stopPropagation();

   if ($(this).hasClass('menu-item-90')) {
      $(this).addClass('expanded').removeClass('menu-item-90');
   } else {
      $(this).addClass('menu-item-90').removeClass('expanded');
   }

});

Answer 1

问题在于：

#header {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccf9f8fa, endColorstr=#ccf9f8fa)
}

它会阻止溢出内容的可见性。好像你必须删除它。

Jquery SlideToggle下拉列表在IE中不起作用

1 个答案: