Hammer.js刷卡不工作

Question

我正在嘗試使用hammer.js實現水平刷卡。但我不斷收到此錯誤：

Uncaught ReferenceError: $ is not defined(anonymous function.

它可能是什麼？

代碼：https://jsfiddle.net/6d88314h/

功能：

$(function(){ 
    var blue = document.getElementById("blue"); 

    Hammer(blue).on("swipeleft", function() { 
      $(blue).animate({left: "-=100"}, 500) 
    }); 

    Hammer(document.getElementById("blue")).on("swiperight", function() { 
      $(blue).animate({left: "+=100"}, 500) 
    }); 
}) 

Answer 1

您需要的jQuery添加到您的網頁：

<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>