Hammer.js Swipe funktioniert nicht

Question

Ich versuche, horizontales Swiping mit hammer.js zu implementieren. aber ich bekomme immer diesen Fehler:

Uncaught ReferenceError: $ is not defined(anonymous function.

was könnte es sein?

Code:https://jsfiddle.net/6d88314h/

Funktion:

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

Sie müssen jQuery zu Ihrer Seite hinzuzufügen:

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