更改Jquery UI Accordion的动画速度

Tor*_*RTC 11 jquery user-interface jquery-ui accordion

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

我目前的js如下

    $( "#accordion" ).accordion({
        event: "mouseover",
        animate:"slow",
        active:false
    });
Run Code Online (Sandbox Code Playgroud)

"animate:"slow"不正确,因此不起作用.任何想法?

Meh*_*way 11

这对我来说很好:

$("#accordion").accordion({
    animate: {
        duration: 500
    }
});
Run Code Online (Sandbox Code Playgroud)


pgl*_*pgl 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 }); }
  });
Run Code Online (Sandbox Code Playgroud)


小智 5

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