回页首$ undefined

Question

在我的代码中，我收到此消息＆＃34; Uncaught ReferenceError：$未定义＆＃34;。它是什么意思，我将如何解决此错误。这是我的代码......

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>之前并且已准备就绪（因此您希望将代码包装在＆＃34;文档准备就绪＆＃34中;阻止如下所示：

<!-- 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>