【Velocity.js】jQueryを一緒に読み込むとエラーになる

お世話になっております。

###前提・実現したいこと
他のjQueyも読み込んだページにて、
Minigridを使用したパネル状のレイアウトを使用したデザインを作成したいです。

###発生している問題・エラーメッセージ

作成するページにて、Minigridと、
いくつかのjQueryプラグイン（photoswipe等）を使用するつもりです。

ところが、そのために
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js">
を読み込んだところ、Minigridが動作しなくなってしまいました。

Uncaught ReferenceError: Velocity is not defined

コンソールを叩くと上記のエラーが出る様になります。
jQueryの記述をする前はありませんでした。

↓こちらの記事を参考にしております。
【JavaScript】カード型レイアウトを簡単に実装できる［Minigrid］の使い方

下記リンクは、上記リンクのDEMOのコードをそのまま流用したものと、
その流用したコードにjQueryの記述を追加したものです。

動作するコード

jQueryの記述を追加したコード

【Velocity.js】を使うのが初めてなので調査不足かもしれませんが、
そもそも【Velocity.js】がjQueryとバッティングを起こしてしまうjsなのでしょうか？

それとも他に原因があるのでしょうか？

行動規範の内容に同意します

回答2件

ベストアンサー

JavaScript
1// Velocity
2// ↓
3   $.Velocity

http://codepen.io/anon/pen/ryoQad ※ codepen由来のエラーっぽいもので上手くいかないこともあるが多分ここが問題。

投稿2017/03/31 18:26

kei344

総合スコア69398

miyoshi_work

2017/04/03 03:29

ありがとうございます！そちらに置き換えて動作するようになりました

行動規範の内容に同意します

jQuery を読み込んだ次に、

HTML
1<script src="https://unpkg.com/minigrid@3.1.1/dist/minigrid.min.js"></script>

を入れて再読み込みさせたらどうなるでしょうか。

投稿2017/03/31 02:49

tacsheaven

総合スコア13703

miyoshi_work

2017/03/31 06:17

ご回答ありがとうございます！試してみたのですがやはり動作しませんでした… 今気がついたのですが動作していた http://codepen.io/mmm-mimo/pen/WpLxVy についても、動作しないようになっておりました… 読み込みが不安定とかあるんですかね…？もう少し調べてみようかと思います

行動規範の内容に同意します

あなたの回答