javascript - 我怎样才能使这个按钮功能没有错误

Question

我已经编写了一些代码来尝试获取一个按钮，单击该按钮会将人发送到页面顶部。但是，我收到类似 ERROR.'$' 的错误未定义。[no-undef]

window.onload = function() {
    $(document).ready(function(){

    $(window).scroll(function(){
    if($(this).scrollTop() > 40){
      $('#topBtn').fadeIn();
    } else{
      $('#topBtn').fadeOut();
    }
    });

    $("#topBtn").click(function(){
    $('html ,body').animate({scrollTop : 0},800);
    });
});

#topBtn{
    position: fixed;
    bottom: 40px;
    right: 40px;
    font-size: 22px;
    width: 50px;
    height: 50px;
    background: #e74c3c;
    color: white;
    border: none;
    cursor: pointer;
    display: none;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="javascript"></script>

标签： javascript

Answer 1

尝试将您的 javascript 更改为：

$(document).ready(function(){

       $(window).scroll(function(){
          if($(this).scrollTop() > 40){
            $('#topBtn').fadeIn();
          } else{
             $('#topBtn').fadeOut();
          }
       });

       $("#topBtn").click(function(){
          $('html ,body').animate({scrollTop : 0},800);
       });
});

您不应该在 window.onload 中有 $(document).ready()。