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>