Question

我有这个设置：

<div class="fadetoggle">
  <div>Content</div>
  <div>Content</div>
</div>

这段代码：

$(".button").click(function () {
  $(".fadetoggle").fadeToggle('slow');
});

在所有现代浏览器中，我测试它到目前为止它的工作原理，但在IE8中div“fadetoggle”只显示/隐藏。如果我只在没有子节点的div上使用fadeToggle，它在IE8中工作。

怎么来的？有没有办法在我的设置工作的情况下在IE中制作fadeToggle？

Answer 1

好的，这是发生的事情：

IE不喜欢固定元素的淡化。因此，我将它们“包裹”在一个div中并使其与此一起工作：

$（ “DIV-包装”）的儿童（）fadeToggle（）;
在“group-div”中的另一个div我宣布了位置：relative＆amp; float：同时在css中。当然，这是多余的，所以我觉得它是一个令人厌恶的IE。

所以我刚刚删除了位置：亲戚，现在一切正常。

谢谢。

Answer 2

check this not sure frnd

   $(".button").click(function () {
if($(fadetoggle).is(":visible"))//IE8 always evaluates to true.
     $(fadetoggle).hide();
else
     $(fadetoggle).show();
});

更改此项以满足您的需求

fadeToggle在div上面有divs并不按预期在IE中工作

2 个答案: