トップに戻る$ undefined

Question

私のコードでは、 "Uncaught ReferenceError：$が定義されていません"というメッセージが表示されています。それはどういう意味ですか、このエラーを修正するにはどうしたらいいですか？ここに私のコードは以下の通りです...

var amountScrolled = 300; 

$(window).scroll(function() { 
if ($(window).scrollTop() > amountScrolled) { 
    $('a.back-to-top').fadeIn('slow'); 
} else { 
    $('a.back-to-top').fadeOut('slow'); 
} 
}); 

$('a.back-to-top').click(function() { 
$('html, body').animate({ 
    scrollTop: 0 
}, 700); 
return false; 
}); 

おかげで、 カマル

Answer 1

はUncaught ReferenceError: $ is not definedエラーは、一般的にjQueryライブラリが前に呼び出されることに参照されていないことを示しています。

あなたの参照はあなたの<script>の前に現れると、それは準備ができている（あなたが下図のように「ドキュメント・レディ」ブロックでコードをラップしたいと思うことをことを保証することをお勧めします：

<!-- Reference jQuery Here (example CDN reference below) --> 
<script src="https://code.jquery.com/jquery-2.1.4.js"></script> 
<script> 
var amountScrolled = 300; 
// Your document-ready block (will not execute until jQuery has been loaded) 
$(function(){ 
    $(window).scroll(function() { 
     if ($(window).scrollTop() > amountScrolled) { 
      $('a.back-to-top').fadeIn('slow'); 
     } else { 
      $('a.back-to-top').fadeOut('slow'); 
     } 
    }); 
    $('a.back-to-top').click(function() { 
     $('html, body').animate({ 
      scrollTop: 0 
     }, 700); 
     return false; 
    }); 
}); 
</script>