hammer.jsの使い方が分かりません。

Question

WordPressを使ってサイトを製作しています。
横フリックでタブの切り替えができる機能をつけているのですが、縦スクロールの動作と混同してしまって気持ちの悪い動作になってしまっています。

そこで、下記の記事を見つけてhammer.jsを使おうと考えております。（https://qiita.com/coa00@github/items/dc1aa5fedd8e4ed8b1ff#%E3%82%B3%E3%83%BC%E3%83%89）

hammer.jsをサーバーにアップロードして<script>タグでファイルを読み込んだ後に、utility.jsという別ファイルに上記の記事のコードをコピペしています。

すると『Uncaught ReferenceError: Hammer is not defined』という内容のエラーが出ます。
エラーが出ている場所はコピペした『var mc = new Hammer(document.getElementById('swiper'));』と、もともと自分で書いていた『(function($) {』の閉じカッコに当たる『})(jQuery);』の部分です。

原因が分からなくて困っているのですが、どなたか原因や解決策に心当たりのある方はいらっしゃらないでしょうか。

Comments

[kei344]

書かれている状況が再現するコード（HTML/CSS/JavaScriptなど）か、再現するURLを提示されたほうが回答を得やすいと思います。