奇怪的IE8使用问题.animate（{“高度”：“切换”}）时

退房http://wouter.howafarms.com/faq 奇怪的IE8使用问题.animate（{“高度”：“切换”}）时

的目标是有答案可点击展开。
正如你将会看到的，除了ie8之外，所有浏览器都能很好地工作。

我试过各种动画效果.slideDown（），.toggle（）无济于事。他们总是在Firefox，Chrome甚至IE7中工作，但从未在IE8中工作。什么可能导致它。

这里的JavaScript的：

$(document).ready(function() { 
$("#faq-list li").addClass('inactive'); 
$("#faq-list li").first('.inactive').toggleClass('inactive'); 
$("#faq-list li h2").toggle(
    function(){ 
     $(this).parent().find('.answer').animate({'height': 'toggle'},{queue:true,duration:300}) 
     $(this).toggleClass('inactive') 
    } , 
    function() { 
     $(this).parent().find('.answer').animate({'height': 'toggle'},{queue:true,duration:300}) 
     $(this).toggleClass('inactive') 
    })

}）

来源

2010-09-14 soundfreak82

在IE8中发生了什么错误？ – 2010-09-14 23:03:45

在IE8中它正确地折叠了所有的答案。那是事情破裂的时候。这个想法是点击问题，它会滑动或切换答案。它在其他浏览器中表现出色，但出于某种原因，IE8显示出快速下载并且从未揭示答案。 – soundfreak82 2010-09-15 02:52:23

林不知道为什么，但display:inline您的h2元素的（问题）是为什么崩溃不是在IE8的权利工作。删除和你的罚款。只是再整的“q”，所以它线up

来源

2010-09-15 04:24:22 Roeland

刚才试了...是啊这是一个有点奇怪..也许IE8的具有高度计算中风。

也许尝试了slideDown /效果基本show，而不是.animate（{ '高度'： '切换'}？在你拨动

此外，您还可以先写两行：

$("#faq-list li").addClass('inactive'); 
$("#faq-list li").first('.inactive').toggleClass('inactive');

为

$("#faq-list li:not(:first)").addClass('inactive');

来源

2010-09-14 23:30:21 Ben

好电话！虽然slideDown/slideUp具有相同的问题。 – soundfreak82 2010-09-15 02:44:49

奇怪的IE8使用问题.animate（{“高度”：“切换”}）时

回答

相关问题