2016-10-26 20 views
1

いくつかのリストで水平スクロールしようとしましたが、エラーが発生しました - '' Uncaught TypeError:$(...)。マウスホイールは関数ではありません。 私のJSがある:あなたがmousewheel()を使用JS - 水平スクロール

<script> 
$(document).ready(function() { 
$('.item-list').mousewheel(function(e, delta) { 
    this.scrollLeft -= (delta * 40); 
    e.preventDefault(); 
}); 

}); 

</script> 
<script type='text/javascript' src='/wp-content/themes/engrave-lite-child/js/jquery.mousewheel.js'></script> 
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js'></script> 
+0

追加'jquery.mousewheel.js''

0

前にライブラリをロード! カスタムスクリプトタグをライブラリの後ろに置く必要があります。

することもできます(必須ではありません)あなたはそれが確実にロードされている知っているとき、コールバックでの準備ができて、DOMとinitの内側からそれを呼び出すことにより、ライブラリのロードを延期:

$(document).ready(function() { 
    $.get('/wp-content/themes/engrave-lite-child/js/jquery.mousewheel.js', function(){ 
     $('.item-list').mousewheel(function(e, delta) { 
      this.scrollLeft -= (delta * 40); 
      e.preventDefault(); 
     }); 
    }); 
});