javascript - 返回顶部 $ 未定义

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> 之前并且它已准备就绪(因此您需要将代码包装在“文档就绪” block 中，如下所示:

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