2011-02-04 11 views
3

私は順序付けられていないリストの設定を持っています。jQueryで使用される単純な弾性プロパティを適用したいと思います。スクリプトを実行すると、JavaScriptエラーが発生します。jQueryイージングの問題

Error: D.easing[this.options.easing || (D.easing.swing ? "swing" : "linear")] is not a function Source File: jquery-pack.js?1296815924

Javaは動作していますが、目的の効果が得られていません。私のjQueryコードは

<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> 

です。私はこのスクリプトをチュートリアルから取りましたので、動作することが期待されていました。イージングがページからスクリプトに渡されていないようですか?

助けてください。

答えて

4

easeOutElasticeaseInBounceイージング関数は、コアjQueryフレームワークではなく、jQuery UIプラグインで定義されています。

あなたのページにそのプラグインを含める必要があります。

+0

ええと、私は参照しています:これは正しいプラグインですか? – StuBlackett

+0

@StuBlackett、それは本当に正しいプラグインなので、うまくいくはずです。 'jQuery.easing'をコンソールにダンプして、イージング関数が正しく登録されていることを確認できますか? –

+0

その言葉:>>> jQuery.easing オブジェクト{}私はライブラリが読み込まれているとは確信していません。 – StuBlackett

2

あなたはこのような緩和ライブラリ含める必要があります:フレデリック・ハミディ@http://gsgd.co.uk/sandbox/jquery/easing/

が全体のjQuery UIのための必要はありませんが..

+0

こんにちはカプセル。私は自分のページのjquery.easing.1.3スクリプトを参照しました。 – StuBlackett

+0

このトリックをする必要があります! – Capsule

+0

私のページのヘッダーには次のものがあります:script src = "http://jqueryjs.googlecode.com/files/jquery-1.3.js" type = "text/javascript">

  • 11. jQueryドロップダウンメニューの問題
  • 12. jQueryアニメーションの問題
  • 13. Jqueryセレクタの問題
  • 14. JQueryスピナーの問題
  • 15. jQueryホバーの問題
  • 16. jQuery TotemTickerの問題
  • 17. jQueryのオーバーレイ問題
  • 18. JQueryコードの問題
  • 19. Jquery datetimepickerの問題
  • 20. jQuery ajaxの問題
  • 21. IEのjQuery問題
  • 22. Javascript/jQueryの問題
  • 23. Jqueryカスタムソートの問題
  • 24. jqueryプラグインの問題
  • 25. IEのJquery問題
  • 26. jquery treegridの問題
  • 27. jqueryのevent.preventdefault問題
  • 28. jqueryダイアログの問題
  • 29. Jquery toggleClassの問題
  • 30. jQueryデリゲートセレクターの問題