更改Jquery UI Accordion的动画速度

时间:2011-09-26 18:29:15

标签: jquery jquery-ui user-interface accordion

我正在使用Jquery UI Accordion,我没有在文档中找到有关如何更改动画速度的任何内容。我发现人们建议使用选项“动画:'bounceslide'”,但无法找到动画的不同可用选项。

我目前的js如下

    $( "#accordion" ).accordion({
        event: "mouseover",
        animate:"slow",
        active:false
    });

“animate:”slow“不正确,因此不起作用。有什么想法吗?

4 个答案:

答案 0 :(得分:11)

这对我来说很好用:

$("#accordion").accordion({
    animate: {
        duration: 500
    }
});

答案 1 :(得分:7)

目前这不是直接可行的,尽管已记录功能请求并计划由1.9里程碑实施:http://bugs.jqueryui.com/ticket/3772。您可以等待该版本,也可以尝试此处描述的子类化方法:http://bugs.jqueryui.com/ticket/3533

归结为:

$.extend($.ui.accordion.animations, {
  fastslide: function(options) {
    $.ui.accordion.animations.slide(options, { duration: 100 }); }
  });

答案 2 :(得分:5)

如果你将'animated'设置为swing,那么你可以设置动画的'duration',以毫秒为单位。 例如 $(“#accordion”)。accordion({event:“mouseover”,animated:'swing',duration:500,active:false     });

答案 3 :(得分:0)

尝试使用

speed: 50

其中50是毫秒数

speed: 'slow' 

而不是

animate:"slow",