[初心者向け] jQuery が動かない時

脱・jQueryの流れではありますが、 それでも jQuery の異なるバージョンを設置しなければならない事もあるでしょう。同じバージョンでも何かうまく動かない事ってありますよね。初心者向けの回避できるかもしれないシンプルな方法をシェアします。とりあえず2種を試してみて下さい。

jQueryとは

何だか分からないけれど、リンクをコピペしていませんか？jQueryとは、良く使用するJavaScriptの集合体で、そうですね・・・冷凍の八宝菜みたいな感じ。ごはんの上にかけても、パリパリ麺の上にかけてもOKの応用が利く半調理状態の物です。

よって、沢山コードを書かなくても複雑な動きが実装可能になります。

jQueryの.minとは

ファイルを開いてもらえれば分かると思いますが、改行を全て取り払ってビッチリとコードが書かれています。この様に圧縮する事で軽くなります。

jQueryが何故動かないのか？

本当は、1つのjQueryで複数の様々な動作が出来れば良いのですが、たまに動いてくれない事があります。仕方が無く複数のバージョンを設置しなければなりません。すると、競合してしまい動かなくなる事があります。

どうすれば良いのか？

実装したうちのどれが動かないのか確認します。動かないスクリプトを

(function($){

これで挟みます。

}(jQuery));

つまりこんな感じ

(function($){
$(function() {
  $('.inviewbounce').on('inview', function(event, isInView) {
    if (isInView) {
・
・
・
});
}(jQuery));

Good Luck!!

それとも違う原因で動かない場合

jQueryが競合して動かないのかもしれません。上記の挟む方法を止めて

$マークをjQueryに置き換えてみて下さい。こんな感じ　jQuery(function(){
どうですか？動きましたか？