回頁首$ undefined

Question

在我的代碼中，我收到了這條消息「Uncaught ReferenceError：$ is not defined」。這是什麼意思，我怎麼去解決這個錯誤。這裏是我下面的代碼...

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>