2013-07-30 167 views
1

我正尝试使用内置于jQuery UI中的手风琴函数。它工作正常,但动画是非常波涛汹涌,我似乎无法弄清楚为什么。我在这里看过其他答案,迄今没有任何成果。jQuery UI手风琴很差

的jQuery:

<script> 
    $(function() { 
    $(".accordion").accordion({ animate: true },{ heightStyle: "content" }); 
    }); 
</script> 

HTML:

<ul class ='accordion'> 
<li> 
    <h3><!-- heading --></h3> 
    <p><!-- content --></p> 
</li> 
<li> 
    <h3><!-- heading --></h3> 
    <p><!-- content --></p> 
</li> 
<li> 
    <h3><!-- heading --></h3> 
    <p><!-- content --></p> 
</li> 
</ul> 

所有这些标记和代码包含在同一个HTML文件。

+1

你是什么意思的波涛汹涌? – DevlshOne

+0

我接受了你指定的选项,并且使它更快。 http://jsfiddle.net/TZYXq/这些选项是必需的吗? – Gray

+0

当打开一个部分时,动画不像jQuery提供的[示例](http://jqueryui.com/accordion/)那样流畅。它会打开并导致其下面的元素向下跳跃,然后在动画完成后再回到原位。 – anater

回答

-1

这可能取决于你在哪个浏览器上。 IE8及以下的许多jQuery UI动画都非常“不稳定”。

+0

我正在使用最新版本的Chrome来测试此功能。我很确定浏览器或系统没有造成这种限制。它通过Safari和Firefox也是持久的。 – anater