

Velocity.js について質問です。  
jQuery のクリックイベントのコールバック関数内に `velocity` を記述すると、

> Uncaught TypeError: $(...).velocity is not a function

のエラーが起きます。

* * *

Web サイトで検索しましたが、原因がわかりません。  
同様らしい質問も見つかりましたが、英語なのでいまいち意味が理解できません。  
どなたか解決方法を教えていただけないでしょうか？

* * *

ちなみに、 jQuery の `load` イベント内に同様の内容を記述すると正常に動作します。  
**動作しないイベント:**

  * `click`
  * `hover`

**動作したイベント:**

  * `load`

* * *

簡略化したソースコードを示します。

**HTML**

[code]

    <!DOCTYPE html>
    <html>
        <head>
            <script src="jquery-2.1.4.min.js読み込み"></script>
            <script src='velocity.min.js読み込み'></script>
       </head>
    <body>
    <script src='javascript読み込み'></script>
    </body>
    </html>
    
[/code]

**JavaScript**

[code]

    $('#button').click(function(){
        $('#object').velocity({translateY:'-=50'});
    });     
    
[/code]

* * *

同様の問題と思われる Web サイトを記載します

<https://stackoverflow.com/questions/30233146/javascript-script-loading-order-
function-undefined>  
<https://github.com/percolatestudio/meteor-velocityjs/issues/2>

初歩的な質問で申し訳ありませんがよろしくお願いします。


CC BY-SA 4.0
2015-08-18T06:57:02.283
14575
2019-06-03T19:21:06.143
2019-06-03T19:21:06.143
32986
10728
question
html jquery
jQueryの特定のイベント時にvelocity.jsが動作しない