TypeError：$（...）。onは関数ではありません

Question

私はjQuery liteboxを使用しています。 JSとCSSファイルを追加した後、私はこのエラーが発生しました。TypeError：

$(...).on is not a function at this line in js file           
"return $('body').on('click',  
'a[rel^=lightbox], area[rel^=lightbox]', function(e) {" 

ここで問題を理解できる人は誰でも助けてくれますか？

私はCakePHP 1.3でこの実装を行っています。

Answer 1

本の一般的な原因は、あなたがもプロトタイプ、MooToolsは、または$記号を使用するいくつかの他のライブラリを使用している、とあなたはjQueryの後に、そのライブラリを含めている、となるようにライブラリー」であるということです（それ自身のために$を取る）。戻り値$はjQueryインスタンスではないため、jQueryメソッドはありません（onなど）。

あなたはそれらの他のライブラリとのjQueryを使用することができますが、あなたがしなければ、あなたはむしろそのエイリアス$よりjQuery記号を使用する必要があり、例えば：

jQuery('body').on(...); 

そして、あなたがた直後にこれを追加する場合、それは通常、最高です他のライブラリを含む1の前にjQueryの、など、あなたのscriptタグ：

<script>jQuery.noConflict();</script> 

...それはあなたがOTHをロードする場合を必要ではありませんが、 jQueryの後のライブラリ（最初に他のライブラリをロードする場合）。

同じページで複数のフル機能のDOM操作ライブラリを使用することは、ページの重量だけでは理想的ではありません。ですから、Prototype/MooTools /何でもあればjQueryだけでも使えるなら、通常はそれが良いでしょう。

Answer 2

古いバージョンのjQueryを使用している場合、問題が発生する可能性があります。あなたはjQueryの古いバージョンを使用している場合

(function($) { 
//my jquery 
})(jQuery); 

Answer 3

この問題は「オン」の「ライブ」の方法を持っているので、 （< 1.7）、 "on"ではなく "bind"を使用できます。これはjQuery 3.0の時点では "bind"が非推奨になっているので、古いバージョンを使用している場合にのみ機能します。

Answer 4

：jQueryの古いバージョンのではなく、中に私のjQueryをカプセル化することによって、私の場合には、解決され

Answer 5

私はオスカー（および多くの他）の溶液を試みたが、私にとって、それはfinalyだけで働いていた：

jQuery(function($){ 
    // Your jQuery code here, using the $ 
}); 

参照してください：https://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/