Hammer.js Swipe not working

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>