2011-04-16 20 views
6

Estoy tratando de aplicar suavizado en un efecto de show de jquery ui. Idealmente, la API sería algo como esto:Aplicar easing en jquery ui show?

$(this).show('scale', { 
    duration: 1000, 
    easing: 'easeOutBounce', 
}); 

Actualmente el elemento está en la pantalla: ninguno. Necesito mostrarlo con el efecto de escala y tener un alivio.

¿Debo separar los comandos o hay algo como esto que funcione?

Gracias.

Respuesta

11

que he probado en jsFiddle y obras:

$('.div1').show('scale', { 
    duration: 1000, 
    easing: 'easeOutBounce', 
});​ 

http://jsfiddle.net/tenshimsm/AUM6d/1/

+0

Esto no funcionó el año pasado. Debe haber sido una actualización por parte de jquery. dulce en cualquier caso, gracias – Harry

+0

¿El año pasado ?! Ooooops! No lo vi – tenshimsm

+0

Uncaught SyntaxError: Token inesperado ILLEGAL –

4

tiene que quitar una coma después de (,)easeOutBounce entonces debería funcionar

$(this).show('scale', { 
    duration: 1000, 
    easing: 'easeOutBounce' 
}); 
+0

Todavía obtengo Uncaught SyntaxError: Inexpected token ILEGAL –

-1

Comprobar incendiario, al utilizar ejemplo de código agrega algunos caracteres ocultos:

  jQuery('#search-container .fa-search').toggle('scale', {duration: 1000,easing: 'easeOutBounce'});​ 
      jQuery('#homepage-search').toggle('scale', {duration: 1000,easing: 'easeOutBounce'});​