/ / jQuery Easing Issue - javascript, jquery

Problem jQuery Easing - javascript, jquery

Mam ustawioną Listę Nieuporządkowanych, chciałbym zastosować prostą właściwość elastyczną używaną w jQuery.Przy uruchomieniu skryptu otrzymuję błąd JavaScript:

Błąd: D.easing [this.options.easing || (D.easing.swing? "Swing": "linear")] nie jest funkcją Plik źródłowy: jquery-pack.js? 1296815924

Java działa, ale nie tworzy pożądanego efektu. Mój kod jQuery to:

 <script type="text/javascript">
$(document).ready(function(){

//When mouse rolls over
$("li").mouseover(function(){
$(this).stop().animate({height:"50px"},{queue:false, duration:600, easing: "easeOutElastic"})
});

$("li").mouseout(function(){
$(this).stop().animate({height:"50px"},{queue:false, duration:600, easing: "easeInBounce"})
});

});
</script>

Zrobiłem ten skrypt z samouczka, więc spodziewałem się, że zadziała. Wygląda na to, że łagodzenie nie jest przekazywane ze strony do skryptu?

Każda pomoc doceniona.

Odpowiedzi:

4 dla odpowiedzi № 1

The easeOutElastic i easeInBounce Funkcje wygładzania są zdefiniowane przez jQuery UI wtyczki, a nie przez rdzenne środowisko jQuery.

Będziesz musiał dołączyć tę wtyczkę na swojej stronie.


2 dla odpowiedzi nr 2

Musisz dołączyć taką bibliotekę, jak ta: http://gsgd.co.uk/sandbox/jquery/easing/

@ Frédéric Hamidi Nie ma potrzeby korzystania z całego interfejsu jQuery ...