Jquery Slider Efecto

Question

Estoy usando jQuery para un efecto deslizante en el botón clic. Mi código es:

$(document).ready(function() { 

    $("#mybutton").click(function() { 
     $("#slidemarginleft").hide("slide", { direction: "down" }, 1000); 
}); 
}); 

Cuando hago clic en el botón, se produce un error de JavaScript:

f.easing[e.animatedProperties[this.prop]] is not a function 

Answer 1

El fragmento de código que proporcionó es directamente de la jQuery UI documentation: (D'oh)

$("div").click(function() { 
    $(this).hide("slide", { direction: "down" }, 1000); 
}); 

acabo de recibir este error y el problema fue que la escritura de jQuery UI no estaba cargada . jQuery UI es necesario para las animaciones de aceleración.

Trate de añadir esto a ver si se resuelve el problema:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>  

Answer 2

creo que el problema es el segundo argumento está de paso con el método de ocultar. De la documentación de jQuery en Hide(), dice:

duration Una cadena o número que determina cuánto tiempo se ejecutará la animación.
easing Una cadena que indica qué función de relajación utilizar para la transición.
devolución de llamada Una función para llamar una vez que la animación está completa

Su segundo argumento es un objeto javascript, no una cadena. Está intentando encontrar una función de relajación llamada {direction: "down"} y no tener suerte. Las únicas implementaciones de facilitación en la biblioteca jQuery son las predeterminadas, llamadas swing, y una que progresa a un ritmo constante, llamada lineal. También tiene lo que parece una duración como el tercer parámetro y debería ser el primero.

También me pregunto por qué está utilizando el método hide() para hacer una diapositiva jQuery en lugar del método slideToggle() o simplemente slideDown() o slideUp() según sus necesidades.

Answer 3

Suponiendo que usted está tratando de lograr el efecto de ocultar un elemento con un movimiento de "deslizarse hacia abajo", tal vez probar algo como esto ...

Demostración: http://jsfiddle.net/wdm954/Frumm/3/

$('#button').click(function() { 
    var h = $('#slide').height(); 
    $('#slide').animate({ height: 0, marginTop: h+"px" }, 1000, function() { 
     $(this).hide(); 
    }); 
}); 

Answer 4

Este error también podría ser causada por un valor no válido efecto. Por ejemplo: $(this).hide("slid", {}, 1000); Los valores de efecto válidos son: 'blind', 'clip', 'drop', 'explode', 'fold', 'puff', 'slide', 'scale', 'size', 'pulsate'.

See here.

Answer 5

Pruebe esta versión de jquery.easing

http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js

se resolvió mi problema.

Answer 6

Tuve un problema similar.jquery-easing-1.3.pack.js no trabajaba solo PERO combinado con jquery-easing-compatibility.1.2.pack.js que wdid el truco =)

dl aquí: http://sliding1.googlecode.com/files/jquery-easing-compatibility.1.2.pack.js

Answer 7

Otra razón puede ser si uno tenía un plugin jQuery que contenía su propio plug-in de aceleración de compacidad, de manera efectiva reemplazando las últimas funciones de relajación.

Uno puede buscar esto en todos los archivos js para localizar un 'delincuente' como:

Query.extend({easing:{ 

Answer 8

reemplazar ur código con el enlace de abajo y ur problema obtendrá resuelto

http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js