2011-09-26 29 views
11

Estoy usando el acordeón de la IU de Jquery, y no he encontrado en ningún lugar en la documentación sobre cómo cambiar la velocidad de la animación. He encontrado personas que sugieren usar la opción "animated: 'bounceslide'" pero no han podido encontrar cuáles son las diferentes opciones disponibles para la animación.Cambiar la velocidad de animación de Jquery UI Accordion

Mis js actual es la siguiente

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

El "animado:".? Lento" no es correcto y por lo tanto no funciona ¿Alguna idea

+0

¿Recibió alguna solución? – Mostafa

+0

No. Nada parece funcionar con el acordeón UI. – ToraRTC

+0

posible duplicado de [Reducir la velocidad de un acordeón en jquery UI] (http://stackoverflow.com/questions/13346108/reduce-the-speed-of-a-accordion-in-jquery-ui) – John

Respuesta

7

Actualmente no es directamente posible, aunque una solicitud de función se ha registrado y está programada para ser implementada por el hito de 1.9: http://bugs.jqueryui.com/ticket/3772. Puede esperar esa versión o probar el método de subclases descrito aquí: http://bugs.jqueryui.com/ticket/3533.

Esto se reduce a:

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

Trate de usar

speed: 50 

donde 50 es el número de milisegundos

o

speed: 'slow' 

en lugar de

animate:"slow", 
+1

Lamentablemente esto también No funciona. – ToraRTC

5

si se establece el swing 'animada' para decir a continuación, se puede establecer el 'duración' de la animación en milisegundos. p. $ ("#accordion") .accordion ({event: "mouseover", animado: 'swing', duración: 500, activo: falso });

10

Esto funciona muy bien para mí:

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

Esto es, según la versión actual, la forma correcta de hacerlo hoy en día. Se debe a cuándo se solicitó principalmente esta publicación en comparación con su respuesta. –

Cuestiones relacionadas