回页首$ 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>