jquery - ブートストラップとJQueryレスポンシブスライダー間の競合

Question

レイアウトのスライダーに問題があります。
スライダーがあり、動作していますが、元のスライダーのように画像が移動するのではなく、圧縮されて歪んでいます。

次のエラーが発生します。

TypeError: $(window).on is not a function
$(window).on( 'smartresize.eislideshow', function( event ) {

どうすれば解決できますか。私はこのjsに精通していません。

• 私のサイト
• オリジナルスライダー

Answer 1

on()メソッドをサポートしていないページでjQuery1.6.4を使用しています。これはバージョン1.7でのみ導入されましたhttp://api.jquery.com/on/

編集

含めた行に加えて、古いバージョンをロードする2つのスクリプトがあります。これらは参照行です。彼らはあなたのワードプレステンプレートから引き込まれている必要があります。

<script type='text/javascript' src='http://b.pusku.com/wp-includes/js/jquery/jquery.js?ver=1.7.2'></script>

<script type='text/javascript' src='http://b.pusku.com/wp-content/themes/wpbootstrap/bootstrap/js/jquery.js?ver=3.4.2'></script>

Answer 2

サイトのヘッドに含まれているjQueryのバージョンは1つではなく、2つではなく、3つあります!!! （1.8.0、1.7.2、最後に1.6.4）。最後のものは前の2つを上書きし、1.6.4には.on（）メソッドが含まれていません。